JavaScript之作用域及作用域链精解

 上次说了一下JavaScript预编译，在预编译过程中JavaScript函数会生成AO对象这个东西，个AO对象也称之为“执行期上下文”。今天说一下这个作用域和作用域链，明白这个东西，会更明白JavaScript代码。

一，作用域

 其实每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，有的不可以，

就像test（）函数的test.name是可以访问的，[[scope]]属性是不能访问的，而[[scope]]就是我们所说的作用域，

其中存储的就是执行期上下文的集合

二，作用域链

 [[scope]]所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。

最上面所说我们函数开始预编译时候创建AO对象叫做“执行期上下文”，

一个执行期上下文定义了一个函数执行时的环境，

而这个AO对象当函数开始时创建， 函数结束时销毁，也就是说执行一次这个函数，相对应的生成一个AO对象。

而在作用域链中生成AO对象，

在查找变量时候在作用域链的顶端往下面找

以下面代码为例

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

 当函数a执行时，在还未进行预编译时候，执行期上下文定义函数执行环境。

此时a函数的执行环境是全局即GO对象

a defined a.[[scope]] -- >0： GO，

a doing a.[[scope]] -- >0 ：aAO，

a a.[[scope]] -- >1 ： GO,

 

 上述过程思考一下，上面说，函数在查找变量的时候在作用域的顶端往下面找，在a函数定义执行环境时，

此时 环境时GO，在a函数的作用域链的顶端存入GO，在a函数执行的时候，生成AO，

此时GO向下移动，在最顶端[0]的位置 存入AO，于是在查找变量的时候，先找AO，再找GO，从里向外。

在a函数定义环境时

在a函数执行时

在b函数执行时，此时它的环境时a函数

b defined b.[[scope]] -- > 0 : aAO

b b.[[scope]] -- > 1 : GO

b doing b.[[scope]] -- > 0 : bAO`

b b.[[scope]] -- > 1 : aAO

b b.[[scope]] -- > 2 : GO

在b函数定义函数执行环境

在b函数执行时

在b函数执行结束时，把自己的AO对象进行销毁。

b函数执行完之后，a函数执行完，大家看上文，在a函数执行期上下文里面有个b函数，所以当a函数执行完，

把a函数的AO对象销毁之后，b函数不用等到下次执行了，b函数直接没了。

当下次执行a函数的时候，再次生成一个新的AO对象，此时再次生成b函数。

以下例子我们在重新看一下

function a(){
	function b(){
		function c(){}
		c();
	}
	b();
}
a();

  a defined a.[[scope]]  -- > 0 :GO
   a doing   a.[[scope]]  -- > 1 :aAO


   b defined b.[[scope]]  -- > 0 :aAO
   b          b.[[scope]]  -- > 1 :GO
   b doing    b.[[scope]]  -- > 0 :bAO
   b         b.[[scope]]  -- > 1 :aAO
   b          b.[[scope]]  -- > 2 :GO


   c defined c.[[scope]]  -- > 0 :bAO
   c          c.[[scope]]  -- > 1 :aAO
   c          c.[[scope]]  -- > 2 :GO
   c doing   c.[[scope]]  -- > 0 :cAO
   c          c.[[scope]]  -- > 1 :bAO
   c          c.[[scope]]  -- > 2 :aAO
   c         c.[[scope]]  -- > 3 :GO  
 由上述过程，我们还又理解了一个东西，函数访问变量只能里层访问外层，不能外层访问里层。

JavaScript语言我个人感觉是最有意思的了，我也是一个初学者，遇到问题，喜欢在博客上分享，

也希望能帮到大家。 一个初学者，有什么不足或者纰漏的话，希望在下面评论出来，相互学习，共同进步。

--主页传送门--