js 两个小括号 ()() 的用法

JavaScript 中，考查如下代码：

Js代码  

1. (function()  
2. {  
3.     alert("cftea");  
4. })();  

 

其实这段代码的意思就是执行这个匿名函数，弹出提示框，内容为“cftea”。

可以把上述代码理解为：

Js代码  

1. function foo()  
2. {  
3.     alert(1);  
4. }  
5. foo();  

 

其实相同的功能还有另外两种写法，我们一并列出来如下：

Js代码  

1. function foo()  
2. {  
3.     alert("cftea");  
4. }  
5. foo();  
6.    
7. (function()  
8. {  
9.     alert("cftea");  
10. })();  
11.    
12. (function()  
13. {  
14.     alert("cftea");  
15. }());  
16.    
17. void function()  
18. {  
19.     alert("cftea");  
20. }()  

 

 

 

用途

说了这么多，这东西到底有什么用呢？它可以立即执行一段代码，并把结果赋给变量；打破我们常规的先写函数，再调用的流程，简化书写。

Js代码  

1. ajax.xmlhttp = (...)();   

 

 例子：

Js代码  

1. function Foo() {  
2.     var a = 123;  
3.     this.a = 456;  
4.     (function() {  
5.         alert(a); // 123  
6.         alert(this.a); // undefined  
7.     })();  
8. }  
9. var f = new Foo();  

 

以上代码，先显示 123，再显示 undefined，说明 alert(this.a); 这句中 this 是指本 function 的，而不是其外部 function 的。如果要使用外部的成员，可使用参数的形式传入：

Js代码  

1. function Foo() {  
2.     var a = 123;  
3.     this.a = 456;  
4.     (function(a) {  
5.         alert(a); // 456  
6.     })(this.a);  
7. }  
8. var f = new Foo();  

 

 

很好理解，再看看下面的：

Js代码  

1. function Foo() {  
2.     var a = 123;  
3.     this.a = 456;  
4.     (function() {  
5.         alert(a); // 123  
6.         alert(this.a); // undefined  
7.         this.b = 789;  
8.     })();  
9.     (function() {  
10.         alert(this.b); // 789  
11.     })();  
12. }  
13. var f = new Foo();  
14. (function() {  
15.     alert(this.b); // 789  
16. })();  
17. 同样是先显示 123，然后显示 undefined，然后显示 789，最后又是一个 789。这说明用两个小括号括起来的都是位于一个执行上下文中的，不论这些代码放在哪里。  
18.   
19. 再看看：  
20.   
21. function Foo() {  
22.     (function() {  
23.         this.b = 789;  
24.     })();  
25.     (function() {  
26.         alert(this.b); // 789  
27.         var b = 0;  
28.         alert(b); // 0  
29.     })();  
30. }  
31. var f = new Foo();  
32. (function() {  
33.     alert(this.b); // 789  
34.     alert(b); // 789  
35. })();  
36. 令人意外的是，最后一个 alert(b)，结果仍然是 789。  
37.   
38. 更深入一步：  
39.   
40. function Foo() {  
41.     (function() {  
42.         this.b = 789;  
43.     })();  
44.     (function() {  
45.         alert(this.b); // 789  
46.         alert(b); // undefined  
47.         var b = 0;  
48.         alert(b); // 0  
49.     })();  
50. }  
51. var f = new Foo();  
52. (function() {  
53.     alert(this.b); // 789  
54.     alert(b); // 789  
55. })();  

 

 

从上，我们可以看出，取值时、没有加 this 时：如果当前 () 中不存在同名的局部变量，则等同于加 this 处理；如果当前 () 中存在同名的局部变量，则按常规处理。