在上一篇里,留下了一个例子,如果对那个例子不是太懂,没关系,我会在这一篇里详细讲一下我对这个例子的理解。
下面是这个例子:
function a(){
var age=21;
var height=178;
var weight=70;
function b(){
alert(age);//undefined
alert(height);//178
var age=25;
height=180; //相当于是在全局作用域里声明了height变量。
alert(age);//25
alert(height); //180
}
b();
}
a(); //备注:如果在函数作用域内声明变量不加var,相当于是在全局作用域里声明了这个变量。
为了更好的理解,我们变一下这个代码,
var height;
function a(){
var age=21;
var height=178;
var weight=70;
function b(){
alert(age); //undefined
alert(height); //178
var age=25;
height=180;
alert(age); //25
alert(height); //180
}
a();
我们来一步一步的理解这个例子:
第一步,在加载程序时,已经确定了全局上下文环境,并随着程序的执行而对变量就行赋值;
第二步,程序执行到第31行,调用a(),此时生成此次调用a()函数时的上下文环境,压栈,并将此上下文环境设置为活动状态
第三步,执行到第28行时,调用b(),生成此次调用的上下文环境,压栈,并设置为活动状态
(可不要忘了执行上下文的两个阶段,一个是创建阶段,一个是执行阶段,如果忘记了,赶紧翻一下我之前的文章哟)
到此,我们可以理解为什么第一个alert(age)的结果是undefined,从b()创建阶段时的上下文可知,age:undefined . 为什么语句height=180 没有在b()创建阶段时的上下文生成height:undefined?因为此时height=180是赋值语句,不是变量的声明语句。只有变量的声明语句才会在b()创建阶段时的上下文中生存相应的属性。
为什么第二个alert(height)的结果是178呢?这时候就要联系到作用域链的知识了,因为在b()的作用域所对应的执行上下文里没找到height的属性,所以从创建函数b()的作用域所对应的执行上下文里找相关属性,也就是a()的执行上下文,在a()的执行上下文里找到了height属性,它的属性值为178.
为什么第三个alert(age)的结果是25呢?这个就很好理解了吧,在b()执行阶段的上下文里,会完成对变量的赋值, 所以age赋值为25.
为什么第四个alert(height)的结果是180呢?因为height=180是个赋值语句,所以它就会找到height的属性,把它赋值为180,沿着作用域链,它在a()的上下文找到了height属性,并把它赋值为180,覆盖掉原来的属性值178.
如果理解了这个例子,是不是对执行上下文,作用域链的理解更深刻了呢。
我们在第一篇就讲到,闭包和执行上下文,作用域联系紧密,下一篇就来讲一讲在js中那个“深奥”的闭包。
下一篇: javascript执行上下文、作用域与闭包(第六篇)—闭包
如果还没懂的赶紧看一遍我之前的文章,并且一定要看懂噢。
javascript执行上下文、作用域与闭包(第一篇)—执行上下文
javascript执行上下文、作用域与闭包(第二篇)—作用域
javascript执行上下文、作用域与闭包(第三篇)—自由变量与作用域链
javascript执行上下文、作用域与闭包(第四篇)—作用域与执行上下文