JavaScript闭包如何实现回调函数 - 问答

在JavaScript中，闭包是一种可以访问并操作其外部作用域变量的函数。闭包可以用来实现回调函数，因为它们可以记住自己的词法作用域，即使在外部函数执行后，闭包仍然可以访问外部作用域的变量。

下面是一个简单的例子，演示如何使用闭包实现回调函数：

function outerFunction(callback) {
  const outerVariable = "I am an outer variable";

  function innerFunction() {
    console.log("This is the inner function");
    console.log("Accessing outer variable: " + outerVariable);
    callback();
  }

  return innerFunction;
}

const callback = outerFunction(() => {
  console.log("This is the callback function");
});

callback(); // 输出：
// This is the inner function
// Accessing outer variable: I am an outer variable
// This is the callback function

在这个例子中，我们定义了一个名为outerFunction的外部函数，它接受一个名为callback的参数。outerFunction内部定义了一个名为innerFunction的闭包函数。innerFunction可以访问其外部作用域的变量outerVariable。

然后，我们将一个箭头函数作为参数传递给outerFunction，并将其赋值给callback变量。当调用callback时，它会执行箭头函数，输出一条消息。

当我们调用outerFunction时，它返回innerFunction。我们可以将返回的函数赋值给callback变量，并在稍后的时间调用它。当我们调用callback时，它会执行innerFunction，访问outerVariable并输出一条消息。然后，它会执行我们传递给outerFunction的箭头函数，输出另一条消息。

0 赞

0 踩