高级JS教程2——作用域 执行环境

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

全局执行环境是最外围的一个执行环境，在浏览器中是window对象。执行环境中的所有代码被执行完毕之后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁（全局执行环境直到应用程序退出才会销毁）。在执行环境中执行时，会创建变量对象的作用域链，保证对执行环境有权访问的所有变量和函数有序访问。

每一个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就被推入环境栈中，函数执行完毕之后会将其弹出栈，把控制权交给之前执行的环境。

当代码执行到某一个环境中的时候，会创建变量对象的作用域链。作用域链的用途是保证对执行环境有访问权限的所有变量和函数的有序访问。作用域链的前端始终都是当前执行代码所在的环境变量对象，而尾端则是全局执行环境对象。

例如，当代码执行到一个函数中的时候，那么当前的环境对象就是arguments对象（这个对象在全局环境中是不存在的），而这个对象呗称为活动对象。作用域链的下一级则是包含环境，一直延伸到全局执行环境，即window对象。

var color = "blue";

function changeColor() {
	var anotherColor = "red";
	
	function swapColors() {
		var tempColor = anotherColor;
		anotherColor = color;
		color = tempColor;
		//这里可以访问color anotherColor tempColor
	}
	swapColors();
	//这里可以访问 color anotherColor 但是不能访问tempColor
}
changeColor();	//执行环境是window

以上代码涉及三个执行环境：全局执行环境，changeColor()的执行环境和swapColor()的执行环境。全局执行环境中的变量对象包括变量color和函数changeColor()，这意味着在全局执行环境中可以访问到这两个对象，而在changeColor()环境中，有一个名为anotherColor的变量和一个名为swapColors()的函数，它们都可以访问全局环境中的变量color。在swapColor()的执行环境中，有一个变量tempColor，该变量只能在这个环境中访问到，但是在这个环境中可以访问全局环境和changeColor()环境的所有变量，因为它们是当前活动环境的父环境。

这几个作用域的关系如下图所示：

另外通过try-catch中catch语句以及with关键字都是可以改变函数或者变量的默认作用域。

当在某一环境中搜索某一标识符的时候，首先会在作用域的前端开始搜索，逐级向上查询，当查询到标识符之后就停止查询，直到全局环境，如果在全局环境中都没有找到标识符的话，则表明该标识符没有声明。