简短几句 通俗解释javascript的闭包

下面是详细讲解JavaScript闭包的完整攻略：

什么是闭包？

闭包（closure）是指函数能够访问并使用其自身定义范围之外的变量。

JavaScript 中的每个函数都是一种闭包，将函数作为参数或从函数中返回函数时常会用到闭包的知识。

闭包示例1

例如，下面的代码定义了一个 name 变量，并在函数中创建了一个内部函数，返回的函数能够访问并使用 name 变量：

function init() {
  var name = 'Alisa'; // 定义了一个变量 name

  function sayName() {
    console.log('My name is ' + name);
  }

  return sayName; // 返回一个能够访问 name 变量的函数
}

var sayNameFunc = init();
sayNameFunc(); // 输出 "My name is Alisa"

在这个例子中，函数 init() 内部定义了一个名为 name 的变量，然后又内部定义了一个名为 sayName() 的函数，最后 init() 函数返回了 sayName() 函数。

我们执行 init() 函数，得到的是一个内层的 sayName 函数。在执行 sayName() 函数时，它能够直接访问并使用 init() 函数中定义的 name 变量，这是因为 sayName() 函数在定义时就已经创建了对 name 变量的引用。而 name 变量所在的 init() 函数已经执行完毕并被销毁，但是 sayName() 函数仍然能够访问这个变量，这就是闭包的作用了。

闭包示例2

再来看一个计数器的示例：

function counter() {
  var count = 0; // 初始计数为0

  function addCount() {
    count++;
    console.log(count);
  }

  return addCount; // 返回一个能够增加 count 变量值的函数
}

var counterFunc = counter(); // 调用 counter 函数，返回一个新的 addCount 函数
counterFunc(); // 输出 1
counterFunc(); // 输出 2
counterFunc(); // 输出 3

在这个例子中，函数 counter() 返回了一个名为 addCount() 的函数。每次调用 counterFunc() 函数时，都会返回一个新的 addCount() 函数。这个函数内部同时引用了外部的 count 变量，并进行自增操作。这样，每次调用 counterFunc() 函数时，都能得到一个新的计数函数，并且不同的计数函数之间互不干扰，这就是闭包的典型应用。

总体来说，JavaScript 闭包是一个强大的概念，它让我们能够更灵活、高效地编写代码。开发者要熟练掌握闭包的相关知识，才能更好地应用它来解决问题和提升代码质量。