深入理解JavaScript 闭包究竟是什么

深入理解JavaScript 闭包究竟是什么

什么是闭包？

在JavaScript中，闭包是一种特殊的函数。它可以访问它外部作用域中的变量和函数，即使外部函数已经执行完毕，内部函数仍然可以访问外部函数中的变量和函数。这是因为JavaScript采用了词法作用域，并通过作用域链来保存变量和函数。

闭包的应用

1. 保存变量

由于闭包可以访问外部作用域中的变量，因此可以利用闭包来保存变量的值。例如下面的代码：

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

const c = counter();
c();
c();

在这个例子中，counter函数返回了一个函数increment，并且increment可以访问counter函数中的变量count。当我们调用c函数时，count的值逐渐增加。这里要注意的是，count的值被保存在increment函数中，因此每次调用c函数时，increment还可以访问到count的值。

1. 实现数据私有化

由于JavaScript中没有类的概念，因此我们无法在对象中定义私有属性和方法。但是通过闭包，我们可以实现数据私有化。例如下面的代码：

function user(name, password) {
  const info = {
    name,
    password
  };

  return {
    getName: function() {
      return info.name;
    },
    setName: function(newName) {
      info.name = newName;
    },
    getPassword: function() {
      return info.password;
    },
    setPassword: function(newPassword) {
      info.password = newPassword;
    }
  };
}

const u = user('John', '123456');
console.log(u.getName()); // John
u.setName('Tom');
console.log(u.getName()); // Tom

在这个例子中，user函数返回了一个包含四个方法的对象。这四个方法都可以访问info对象中的属性，但外部无法直接访问info对象。

注意事项

1. 闭包会占用内存

由于闭包可以访问外部作用域中的变量和函数，因此它们会占用外部作用域的内存。在使用闭包时要注意内存泄漏的问题。

1. 循环变量的问题

在使用闭包时，如果在循环中定义并使用闭包，往往会遇到循环变量被覆盖的问题。例如下面的代码：

for (var i = 0; i < 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000);
}

在这个例子中，由于i是用var定义的，因此在闭包中访问的i始终是最后一个i。为了避免这个问题，可以使用ES6中的let关键字进行定义。例如下面的代码：

for (let i = 0; i < 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000);
}

在这个例子中，由于使用了let关键字，每个闭包可以访问不同的i。

总结

闭包是JavaScript中的一个重要概念，可以用来保存变量、实现数据私有化等。在使用闭包时要注意内存泄漏和循环变量的问题。