function Foo() { var a = 123; this.a = 456; (function() { alert(a); // 123 alert(this.a); // undefined })(); } var f = new Foo(); 以上代码,先显示 123,再显示 undefined,说明 alert(this.a); 这句中 this 是指本 function 的,而不是其外部 function 的。如果要使用外部的成员,可使用参数的形式传入: function Foo() { var a = 123; this.a = 456; (function(a) { alert(a); // 456 })(this.a); } var f = new Foo(); 很好理解,再看看下面的: function Foo() { var a = 123; this.a = 456; (function() { alert(a); // 123 alert(this.a); // undefined this.b = 789; })(); (function() { alert(this.b); // 789 })(); } var f = new Foo(); (function() { alert(this.b); // 789 })(); 同样是先显示 123,然后显示 undefined,然后显示 789,最后又是一个 789。这说明用两个小括号括起来的都是位于一个执行上下文中的,不论这些代码放在哪里。再看看: function Foo() { (function() { this.b = 789; })(); (function() { alert(this.b); // 789 var b = 0; alert(b); // 0 })(); } var f = new Foo(); (function() { alert(this.b); // 789 alert(b); // 789 })(); 令人意外的是,最后一个 alert(b),结果仍然是 789。更深入一步: function Foo() { (function() { this.b = 789; })(); (function() { alert(this.b); // 789 alert(b); // undefined var b = 0; alert(b); // 0 })(); } var f = new Foo(); (function() { alert(this.b); // 789 alert(b); // 789 })(); 从上,我们可以看出,取值时、没有加 this 时:如果当前 () 中不存在同名的局部变量,则等同于加 this 处理;如果当前 () 中存在同名的局部变量,则按常规处理。 |
|
来自: actinia > 《javascript》