JavaScript 闭包

JavaScript 闭包是一种特殊的对象，它由一个函数和与其相关的引用环境组成。它允许函数访问并修改其外部作用域中的变量。在 JavaScript 中，闭包是一种非常重要的概念，对于开发人员来说是必备的。

闭包的作用

• 保护函数内部的变量不被外部访问。

通过闭包，函数可以保护其内部的变量不被外部访问。这意味着，只有在函数内部定义的变量才可以被闭包访问，外部不能直接访问这些变量。

例如：

function outer() {
  let x = 10;

  function inner() {
    console.log(x);
  }

  return inner;
}

let closure = outer();
closure(); // 输出 10

在上面的代码中，函数 outer 创建了一个闭包，该闭包允许函数 inner 访问变量 x。通过将函数 inner 返回给变量 closure，我们可以在外部调用闭包。

• 实现非全局作用域。

闭包可以用作非全局作用域，从而允许在函数内部定义和使用变量。这使得您可以在不污染全局作用域的情况下开发函数。

例如：

function createCounter() {
  let count = 0;

  return {
    increment: function() {
      count++;
    },
    getCount: function() {
      return count;
    }
  };
}

let counter = createCounter();
counter.increment();
counter.increment();
console.log(counter.getCount()); // 输出 2

在上面的代码中，函数 createCounter 创建了一个闭包，该闭包包含两个函数：increment 和 getCount。increment 函数可以递增 count 变量，而 getCount 函数可以返回 count 变量的值。这样，您就可以在不污染全局作用域的情况下使用计数器。 闭包可以用来实现封装，从而隐藏对象的实现细节。这使得您可以在对外提供的接口中暴露必要的方法，同时隐藏不必要的实现细节。 例如：

function createPerson(name) {
let age = 0;

return {
getName: function() {
return name;
},
getAge: function() {
return age;
},
setAge: function(newAge) {
age = newAge;
}
};
}

let person = createPerson("John");
console.log(person.getName()); // 输出 John
console.log(person.getAge()); // 输出 0
person.setAge(30);
console.log(person.getAge()); // 输出 30

在上面的代码中，函数 createPerson 创建了一个闭包，该闭包包含三个函数：getName、getAge 和 setAge。getName 函数返回 name 变量的值，getAge 函数返回 age 变量的值，而 setAge 函数可以用于设置 age 变量的值。这样，您就可以在外部使用对象的方法，而不必关心其实现细节。 闭包的实际用途 - 实现高阶函数。 高阶函数是一种接收其他函数作为参数或返回函数的函数。闭包的特性使其成为实现高阶函数的理想选择。

例如：

function add(x) {
  return function(y) {
    return x + y;
  };
}

let add5 = add(5);
console.log(add5(3)); // 输出 8

在上面的代码中，函数 add 返回了另一个函数，该函数可以对传递给 add 函数的 x 变量执行加法运算。这样，您就可以通过调用 add5 函数并传递 y 变量来执行加法运算，而不必每次都调用 add 函数。

• 实现函数柯里化。

函数柯里化是一种将多参数函数转换为一系列单参数函数的技术。闭包的特性使其成为实现函数柯里化的理想选择。

例如：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...args2) {
        return curried.apply(this, args.concat(args2));
      };
    }
  };
}

function add(x, y, z) {
  return x + y + z;
}

let curriedAdd = curry(add);
let add5 = curriedAdd(5);
let add5And3 = add5(3);
console.log(add5And3(2)); // 输出 10

在上面的代码中，函数 curry 接收一个函数作为参数，并返回一个新的函数。新的函数接收参数，并判断参数数量是否已经足够执行原函数。如果参数数量已经足够，则直接执行原函数；如果参数数量不足，则返回一个新的函数，该函数可以接收剩余的参数，并继续柯里化过程。

最终，我们可以通过多次调用 curriedAdd 函数来创建一系列柯里化函数，最终得到一个接收所有参数的函数，该函数可以执行原函数的计算。

闭包的缺点是它可能导致内存泄漏，因为闭包会保留函数作用域内的所有变量。因此，使用闭包时需要注意内存管理。

总之，闭包是 JavaScript 中非常强大且常用的一种技术，可以用来实现高阶函数、函数柯里化以及访问函数作用域内的变量等功能。如果您对 JavaScript 开发有所了解，那么掌握闭包的技巧对您的实际工作将会非常有帮助。