返回函数的早期模式 JavaScript

在 JavaScript 中，函数是第一类对象。这意味着函数可以像其他数据类型一样传递和操作。

在本文中，我们将讨论 JavaScript 中返回函数的早期模式。

返回函数的基本结构

JavaScript 中的一个函数可以返回另一个函数。如下所示：

function sayHello() {
  console.log('Hello!');
}
function getGreeting() {
  return sayHello;
}

const greeter = getGreeting();
greeter(); // 'Hello!'

在上面的代码中，getGreeting() 函数返回 sayHello() 函数。我们将 getGreeting() 的结果存储在常量 greeter 中，并通过调用 greeter() 函数来调用 sayHello() 函数。

这很有用，因为我们可以将一个函数返回给另一个函数，然后在后面的代码中使用它。

带参数的返回函数

函数可以采用参数，并返回另一个需要这些参数的函数：

function saySomething(something) {
  return function() {
    console.log(something);
  }
}

const sayHi = saySomething('Hi!');
const sayBye = saySomething('Bye!');

sayHi(); // 'Hi!'
sayBye(); // 'Bye!'

在上述代码中，我们定义了一个名为 saySomething() 的函数，它返回一个将 something 参数打印到控制台的函数。

然后，我们使用 saySomething() 函数创建两个新函数，每个函数使用不同的参数。最后，我们调用这两个新函数以打印预期的输出。

储存状态

函数可以访问其作用域中的变量，即使该变量已经超出了范围。这种机制是闭包的基础。

function counter() {
  let count = 0;
  return function() {
    count++;
    console.log(count);
  }
}

const counter1 = counter();
counter1(); // 1
counter1(); // 2

const counter2 = counter();
counter2(); // 1

上述代码中，我们定义一个名为 counter() 的函数，该函数返回另一个函数，它将计数器递增并打印计数器的值。我们使用两个不同的计数器调用该函数两次。

由于闭包的机制，每个计数器都有自己的 count 变量，并且该变量可以存储在函数作用域中。因此，每个计数器都可以保留其自己的状态，而不会相互干扰。

结论

在本文中，我们探讨了 JavaScript 中返回函数的早期模式。我们强调了如何创建函数，如何从函数中的函数返回，并讨论了一些实用的示例。

现在，您应该理解返回函数的早期模式，并了解如何在自己的代码中使用它。