作用域链

Posted 2020-11-20 ikoala-zsd

执行环境是JS中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。

全局执行环境是最外围的一个执行环境，根据ES实现所在宿主的环境不同，表示执行环境的对象也不一样，如在浏览器中，全局对象被认为是window对象，所有全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁。

每个函数都有自己的执行环境，当执行流（任务队列？）进入一个函数时，函数的环境就会被推入一个环境栈中，而在函数执行之后，栈将其环境弹出，把控制权返回之前的执行环境。

当代码在一个环境中执行时，会创建变量对象的一个作用域链，其用途是保证对执行环境有访问权的所有变量和函数的有序访问。

var color = ‘bule‘;

function changeColor(){
　　var aColor = ‘red‘;

　　function swapColors(){
　　　　var tempColor = aColor;
　　　　aColor = color;
　　　　color = tempColor;
　　}
　　swapColors();
}
changeColor();

以上代码有3个执行环境：全局环境、changeColor()的局部环境、swapColor()的局部环境。全局环境中有color变量和函数changeColor()。changeColor()中有aColor和swapColor()，在这个作用域中可以访问全局变量。而swapColor中可以访问到全局和changeColor的变量。

函数内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。每个环境都可以向上搜索作用域链，以查询变量和函数名；但任何环境不能通过向下搜索作用域而进入另一个执行环境（此处想到闭包的概念：有权访问另一个函数作用域中的变量的函数）。

延长作用域链

执行环境的类型总共两种——全局和局部（函数），但有try-catch的catch块和with语句可以延长作用域链，这两语句都为在作用域链的前端添加一个变量对象。对with而言，会将制定的对象添加到作用域链中。而catch，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

function buildUrl() {

　　var qs = "?debug=true";

　　with(location) {

　　　　var url = href + qs;

　　}

　　return url;

}

eval 欺骗词法

function foo( str, a ) {

　　eval( str );

　　console.log( a, b );

}

var b = 2;

foo( "var b = 3;", 1 );//1,3