【JavaScript】中两个小括号 ()() 是什么意思
16lz
2021-01-22
</pre></div></div><pre name="code" class="javascript">function Foo() {以上代码,先显示 123,再显示 undefined,说明 alert(this.a); 这句中 this 是指本 function 的,而不是其外部 function 的。如果要使用外部的成员,可使用参数的形式传入:
var a = 123;
this.a = 456;
(function() {
alert(a); // 123
alert(this.a); // undefined
})();
}
var f = new Foo();
function Foo() {
var a = 123;
this.a = 456;
(function(a) {
alert(a); // 456
})(this.a);
}
var f = new Foo();
很好理解,再看看下面的:
function Foo() {同样是先显示 123,然后显示 undefined,然后显示 789,最后又是一个 789。这说明用两个小括号括起来的都是位于一个执行上下文中的,不论这些代码放在哪里。
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
})();
再看看:
function Foo() {令人意外的是,最后一个 alert(b),结果仍然是 789。
(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
})();
更深入一步:
function Foo() {从上,我们可以看出,取值时、没有加 this 时:如果当前 () 中不存在同名的局部变量,则等同于加 this 处理;如果当前 () 中存在同名的局部变量,则按常规处理。
(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
})();
更多相关文章
- 如何使用变量填充iframe源?
- 使用JavaScript多态在子类中创建唯一变量而不覆盖
- javascript入门笔记(1)——变量和计算
- 从单击使用属性作为变量进行AJAX调用。
- 在JavaScript中访问PHP变量[重复]
- 如何使用Knockout从vm设置会话变量?
- js闭包与变量
- JavaScript声明全局变量三种方式的异同
- 父范围中的变量不会在匿名函数中被更改[重复]