JavaScript作用域

一.执行环境

执行环境定义了变量或函数有权访问的其他数据，每个执行环境都有一个与之相关联的变量对象，环境中定义的变量和函数都保存在这个对象中。

注：

（1）全局执行环境是最外围的一个执行环境，根据ECMASscript实现所在的宿主环境不同，表示执行环境的对象也不一样。在Web浏览器中，全局环境被认为是window对象

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

二.作用域

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

示例：

var color = 'blue';
function changeColor() {
	var anotherColor = 'red';
	function swapColor() {
		var tempColor = anotherColor;
		anotherColor = color;
		color = tempColor;
	}

	swapColor();
} 
changeColor()

如上图所示：其作用域包含3个对象：swapColors()的变量对象，changeColor() 的变量对象和全局变量对象，swapColors()的局部环境开始会先在自己的变量对象中搜索变量和函数名，如果搜索不到则再搜索上一级作用域。changeColors()的作用域中包含两个对象，它自己的变量对象和全局变量对象，它不能访问swapColors()的环境

三.延长作用域

一些语句可以在作用域的前端添加一个变量对象，对with语句来说，会将指定的对象添加到作用域红，对于catch语句来说，会创建一个变量对象，其中包含的是被抛出的错误对象的声明

var obj = {name: 'xiaohong'}

function printName() {
    var name = 'xiaoming';
    with(obj){
	console.log(name);
    }
}

printName(); //xiaohong

四.块级作用域

JavaScript没有块级作用域，在有块级作用域的语言中，如C，Java，由花括号封闭的代码块，都有自己的作用域，如if，for循环

if(true) {
   var color = 'blue';
}
console.log(color); //blue

for(var i = 0; i < 10; i++) {
   console.log(i)
}
cosole.log(i); //10