JavaScript高级程序设计读书笔记之闭包

ps：如无说明，下文中的“书”特指JavaScript高级程序设计这本书。

闭包：JavaScript高级程序设计这本书里，针对闭包总结了一句话，这句话是：闭包是指有权访问另一个函数作用域中的变量的函数。

这应该就是闭包最基本的概念，要想理解闭包，就必须先理解这句话，而理解这句话，就必须先搞清楚这句话中的几个重要的点。

在这句话中，有这样几个名词，变量、函数、函数作用域。咱们就先搞清楚这几个名词是什么意思。还是翻JavaScript高级程序设计这本书

1、变量：ECMAScript中的变量是松散类型的，所为松散类型就是可以用来保存任何类型的数据。换句话说，每个变量仅仅是一个用于保存值的占位符而已。

2、函数：函数是一个核心概念，通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。ECMAScript中的函数使用function关键字来声明，后跟一组参数以及函数体。

3、函数作用域：书中对于作用域的描述有很多，都写出来会有更多名词需要理解。这里只简单说一说对理解闭包有用的东西。函数作用域是指在一个函数中，你声明的变量只能在这个函数里面访问到，比如：

function a(){

    var b = 0;

    console.log(b);

}

a(); //输出0

console.log(b); //报错，b is not defined

function c(){

    console.log(b);

}

c(); //报错，b is not defined

上面的例子告诉我们，在一个函数里面定义的变量，在函数外面是无法访问的，在另一个函数里面，也是无法访问的。

但是书中对闭包的描述是，有权访问另一个函数作用域中的变量的函数，就是闭包。那要怎么做才能让一个函数访问另一个函数的作用域中的变量呢？

书中说的方法是：创建闭包的常见方式，就是在一个函数内部创建另一个函数。咱们来试一试。

首先创建一个函数

function a(){

    //声明一个变量

    var b = 0;

    //在函数a()内部再创建一个函数

    return function(){

       console.log(b);

    }

}

var d = a();

var result = d(); //输出0，这样我们就访问到了在函数a()里声明的变量b

如果要彻底说明白，就要引入更多的名词，比如变量对象、执行环境、作用域链等等。很复杂，也不一定非要掌握，但是理解了这些对提升水平有很大帮助。在这里都说明白的话要很多篇幅。这里我只简单说一下我的理解。

在这个例子中，函数a的作用域链包含两个作用域，一个是全局作用域，一个是函数a()的局部作用域，在函数a()执行完毕后，函数a()的局部作用域就被销毁了，内存中只保留全局作用域。但是，函数a()在执行的时候还返回了一个匿名函数，这个匿名函数的作用域链包含了三个作用域，从先后顺序来说的话，即：匿名函数本身的作用域，函数a()的作用域，以及全局作用域，在匿名函数执行的时候，先搜索本身的作用域，没有发现变量b，然后搜索函数a()的作用域，发现了变量b，把变量b打印出来，不再搜索全局作用域。如果在函数a()里没有找到变量b的话，就会继续搜索全局作用域，如果找到变量b则打印，没有找到则报错，b is not defined. 匿名函数一直在引用着函数a()的作用域，所以函数a()的作用域链不会被销毁，它的作用域也就一直存在内存中。因此我们需要手动解除引用，销毁函数a()的作用域链，释放内存。也由于闭包会携带包含它的函数的作用域，因此会比其他函数占用更多的内存。过度使用闭包会导致内存占用过多，所以尽量在必要的时候才使用闭包。

d = null;

d(); //报错，b is not defined