比较以下两段Javascript代码:
代码二:
可以看出第二次执行函数a的时候输出的结果是不一样的,两段程序唯一不同的地方是在第三行。由此我们推测:
代码一:
- var x = 10;
- function test(){
- var x = 20; //从定义为局部变量
- return function(){
- console.log(x);
- }
- }
- var a = test();
- test = null; //这一行有没有结果都一样
- a(); //输出:20
- x = 30;
- a(); //输出:20
- var x = 10;
- function test(){
- x = 20; //还是全局变量
- return function(){
- console.log(x);
- }
- }
- var a = test();
- test = null; //这一行有没有结果都一样
- a(); //输出:20
- x = 30;
- a(); //输出:30
1,执行完第9行后,test函数创建的活动对象(下面简称为T)可以有两个引用,一个是test,另一个是a。当设置test=null后,还可以通过a来引用T。而T的内容有:arguments对象,test()内部定义的函数,局部变量等。
2,第五行的变量x是在该函数执行的时候才进行绑定的。
3,执行a()时对变量x的查找过程应为:首先在a内的局部变量查找,若没有就往上一级局部变量查找,第一段代码就是这样;对于第二段代码,则还需要往上一级查找,所以查找到的只能是变量的最终值。