几句话讲清 JS 闭包

闭包

---

所有的函数式编程语言中，闭包的概念都尤为重要。Javascript 作为 github 上第一语言，是当今 “最好的语言” 。如果你对这个还存有异议，我猜你八成不懂 JS 的闭包。

废话不多说，进入正题，先上个代码

var i = 0；function generator(){    return function(){        i++;        return i;    }}var f1 = generator();console.log(f1());   // #1: 1console.log(f1());   // #2: 2

对于上面的例子，函数 f1 是由 generator 函数生成的。很明显，它们的运行结果是和 generator 外的变量 i 相关，我们称这类的函数为”非封闭”的。

我们再看下面这个例子

function f(){  var i = 0;  i++;  return i;}

从上面的代码可以看出，函数 f 的运行不依赖任何外界因素，我称它是“封闭”的。

封闭与非封闭

---

对于“封闭”函数，你不管在何处、在何时调用它，它的执行结果总是一致的，比如上面的 f() 永远返回 1.

对于“非封闭”函数，调用它的话，它的执行结果是和调用时机有关的，因为它的执行和它外面的环境有关。在上面的例子中， f1 的执行结果，与全局变量 i 相关。比如

var i = 0；function generator(){    return function(){        i++;        return i;    }}var f1 = generator();f1() // 1i = 10f1() // 11

因为 f1 依赖变量 i，所以只要 i 的值发生变化，f1 的行为就会受到影响。或者说，f1 的行为不被 f1 自己完全控制。忽视变量 i，你就不能对 f1 的执行结果进行有效预测。

另一方面，只要 f1 所依赖的所有外界因素都保持不变（这里指变量 i），那么 f1 的行为就可以被预测。

换句话说， f1 + “所依赖的外界因素”　= 一个“封闭”的系统，我们把这个系统称为一个“闭包”。

后续话题

---

本片文章简单地介绍了闭包的概念，如果要更好地理解、掌握闭包，下面这些领域必须要搞清楚

• 变量的生命周期
• 作用域
• 变量垃圾回收机制（GC）

比如下面这个例子

function generator(){    var i = 0;    return function(){        i++;        return i;    }}var f1 = generator(),    f2 = generator();console.log(f1()); // 1 console.log(f1()); // 2console.log(f2()); // 1console.log(f2()); // 2

以及

function test(a){    a = {        name: "changed"    };}var b = {    name: "hello"}test(b);console.log(b.name); // hello

文章的链接后续加上。。。