认识javascript范围和作用域链

范围

作用域就是变量和函数的可訪问范围。控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域。

全局和局部作用域以下用一张图来解释：

单纯的JavaScript作用域还是非常好理解的。

作用域链

全局运行环境是最外层的一个运行环境，在web浏览器中全局运行环境是window对象，因此全部全局变量和函数都是作为window对象的属性和放大创建的。每一个函数都有自己的运行环境，当运行流进入一个函数的时候。函数的环境会被推入一个函数栈中。而在函数运行完成后运行环境出栈并被销毁，保存在当中的全部变量和函数定义随之销毁，控制权返回到之前的运行环境中，全局的运行环境在应用程序退出（浏览器关闭）才会被销毁。

当代码在一个环境中运行时。会创建变量对象的一个作用域链（scope chain）来保证对运行环境有权訪问的变量和函数的有序訪问。

用一张图来解释作用域链的执行：由里向外执行。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemx0czAwMA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

当一个函数创建后。它的作用域链会被创建此函数的作用域中可訪问的数据对象填充，比如定义以下这样一个函数：

function add(num1,num2) {
    var sum = num1 + num2;
    return sum;
}

在函数add创建时，它的作用域链中会填入一个全局对象，该对象包括了全部全局变量。例如以下图所看到的：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemx0czAwMA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

函数add的作用域将会在运行时候用到。比如运行例如以下代码：

function a(sum1,sum2){
            var sum=num1+num2;
            return sum;
        }
        var tatal=a(5,10);

执行此函数时会创建一个称为“执行期上下文(execution context)”的内部对象，执行期上下文定义了函数执行时的环境。每一个执行期上下文都有自己的作用域链，用于标识符解析，当执行期上下文被创建时。而它的作用域链初始化为当前执行函数的[[Scope]]所包括的对象。

　　

这些值依照它们出如今函数中的顺序被拷贝到执行期上下文的作用域链中。它们共同组成了一个新的对象，叫“活动对象(activation object)”，该对象包括了函数的全部局部变量、命名參数、參数集合以及this，然后此对象会被推入作用域链的前端。当执行期上下文被销毁，活动对象也随之销毁。新的作用域链例如以下图所看到的：

在函数运行过程中，没遇到一个变量，都会经历一次标识符解析过程以决定从哪里获取和存储数据。该过程从作用域链头部。也就是从活动对象開始搜索，查找同名的标识符。假设找到了就使用这个标识符相应的变量，假设没找到继续搜索作用域链中的下一个对象，假设搜索全然部对象都未找到。则觉得该标识符没有定义。

总结

依据上述讲的作用域链的结构能够看出，定义的标识符的越深。那么读写的速度也就越慢。而全局变量总是处于作用域链的最末端。所以当变量解析的时候，查找全局变量是最慢的，所以在编写代码的时候要尽可使用全局变量的可以少。使用局部变量越好。

版权声明：本文博客原创文章，博客，未经同意，不得转载。