【JavaScript】中两个⼩括号()()是什么意思
</pre></div></div><pre name="code" class="javascript">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() {
456什么意思网络流行语
(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 处理;如果当前 () 中存在同名的局部变量,则按常规处理。