关于JavaScript中的作用域链

一、首先来了解一下几个概念。

• 执行期上下文：当函数执行时，会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境，函数每次执行时对应的上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行上下文，当函数执行完毕，它所产生的执行上下文被销毁。
• [[scope]]：每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。[[scope]]就是所说的作用域，其中存储了运行期上下文的集合。
• 作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，把这种链式连接叫作用域链。
• 查找变量：在哪个函数查找变量就上给函数的作用域链的顶端依次向下查找。

二、看一个例子

	function a(){
		function b(){
			var b = 234;
		}
		var a = 123;
		b();
	}
	var glob = 100;
	a();

在预编译时，在全局对象生成一个Global Obeject（简称GO）

GO{
	this: window,
	window: (object),
	document: (object),
	a: (function),
	glob: undefined
}

那么，逐行执行代码

GO{
	this: window,
	window: (object),
	document: (object),
	a: (function),
	glob: 100
}

此时，a的作用域链如下，

当a函数被执行时，它生成一个AO对象

当b执行前，因为它在a函数中被定义的，所以自己身上挂载这一个GO，和a函数的AO

当b函数被执行时，它生成b的一个AO对象

当函数执行完时，其产生的执行上下文被销毁。即a，b所产生的AO被销毁，当下次函数被调用时，才重新创建一个执行上下文对象。

所以，当b函数要访问a函数中的变量a时，从其Scope（作用域链）的顶端依次向下查找。

所以，作用域链会存储两样东西，第一是在什么环境下生成的就在scope chain上挂载执行期上下文对象，第二是当函数执行时，创建该函数的一个AO对象。
比如b函数在执行前有一个GO和a函数的AO对象，当执行时友创建它的一个AO对象。