JavaScript闭包如何使用 - 问答

JavaScript闭包（Closure）是一种在函数内部创建并返回另一个函数的技术。闭包可以让你访问并操作外部作用域的变量，即使外部函数已经执行完毕。闭包在JavaScript中具有很多用途，如数据隐藏、模拟私有变量和实现函数柯里化等。

以下是使用闭包的一个简单示例：

function outer() {
  let count = 0; // 这是一个外部作用域的变量

  function inner() {
    count++; // 在内部函数中访问并修改外部作用域的变量
    console.log(count);
  }

  return inner; // 返回内部函数，使其在外部作用域之外仍然可访问
}

const incrementCounter = outer(); // 调用外部函数并获取内部函数
incrementCounter(); // 输出 1
incrementCounter(); // 输出 2

在这个示例中，outer 函数返回了 inner 函数。当我们调用 outer 函数时，它返回 inner 函数的引用，而不是立即执行它。然后我们可以将这个引用赋值给 incrementCounter 变量，并在之后的代码中调用它。由于闭包的作用，inner 函数可以访问并修改 count 变量，即使 outer 函数已经执行完毕。

这是一个更复杂的使用闭包的示例，实现一个简单的计数器：

function createCounter() {
  let count = 0;

  return {
    increment: function () {
      count++;
      console.log(count);
    },
    decrement: function () {
      count--;
      console.log(count);
    },
    getCount: function () {
      return count;
    },
  };
}

const counter = createCounter();
counter.increment(); // 输出 1
counter.increment(); // 输出 2
counter.decrement(); // 输出 1
console.log(counter.getCount()); // 输出 1

在这个示例中，我们创建了一个名为 createCounter 的函数，它返回一个包含三个方法的对象：increment、decrement 和 getCount。这些方法都可以访问和修改 count 变量，但由于闭包的作用，它们在外部作用域之外仍然可以访问它。这样我们就可以通过调用 createCounter 函数来创建一个带有私有变量的计数器对象。

0 赞

0 踩