作用域链和闭包

什么是作用域链

每一段JavaScript代码都有都有一个与之关联的作用域链。这个作用域链是一个对象链表，这组对象保存了这段代码作用域中的变量。

var x = 1;
function a() {
    var y = 2;
    var b = function(){ var z = 3;};
    var c = function(){ var x = 4;};
}

当未调用该函数之前，仅仅在定义时，函数就保存了一个作用域链。此时的作用域链中只有一个全局对象

{x:1}

当调用该函数时，会新建一个局部对象，储存该函数的局部变量，并把该局部对象添加到作用域链上

{y:2}-->{x:1}

对于内嵌函数来说，每一次a调用，都会定义一次，所以，当a调用的时候，函数b和c定义时，会把当前的作用域链保存，此时作用域链上有2个对象。
注意函数b的作用域链和函数a的作用域链并不是同一个对象。只不过是保存了对同一个对象的引用。

当函数a调用完毕以后，会把y=2这个局部对象从其作用域链上删除。

{x:1}

以此类推，当调用函数b时，其作用域链如下

{z:3}-->{y:2}-->{x:1}

调用函数c时于此类似

{x:4}-->{y:2}-->{x:1}

js如何在作用域链上查找变量

理解了作用域链，这个问题就很简单了。当函数c被调用时，如果要使用x变量，那么会首先沿着作用域链一个个对象进行查找，如果找不到变量，才会继续找下一个对象。所以，函数c中x=4会覆盖全局变量x=1

闭包

首先看一个闭包的具体例子

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

这段代码的意思是定义一个匿名函数并立即执行这个函数。这个匿名函数返回了一个函数，并赋值给了变量f。根据之前作用域链的解释。函数f的作用域链是这样的

{count:0}-->'全局作用域'

注意这是定义函数f定义时的作用域链，而不是调用时的作用域链
当函数f调用时，执行了count++,所以第一次调用完之后，函数f的作用域链变成了

{count:1}-->'全局作用域'

于是，通过不停地调用函数f，我们就可以得到一个个递增1的数

var a = f();//1
var b = f();//2

如果我们希望重新从1开始生成数字呢。很简单，我们只需要

var f1 = (function(){
        var count = 0;
        return function(){return count++;};
    })();

var a = f1();//1
var b = f1();//2

因为函数f和f1的作用域链并不是同一个！