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

JavaScript 中，考查如下代码：
Js代码  收藏代码

Java代码  

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

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

可以把上述代码理解为：
Js代码  收藏代码

  

Java代码  

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

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

Js代码  收藏代码

   

Java代码  

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代码  收藏代码

   

Java代码  

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

例子：
Js代码  收藏代码

  

Java代码  

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代码  收藏代码

   

Java代码  

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代码  收藏代码

   

Java代码  

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.     })();    

    同样是先显示 123，然后显示 undefined，然后显示 789，最后又是一个 789。这说明用两个小括号括起来的都是位于一个执行上下文中的，不论这些代码放在哪里。 
     
    再看看： 
     
   

Java代码  

1. function Foo() {    
2.         (function() {    
3.             this.b = 789;    
4.         })();    
5.         (function() {    
6.             alert(this.b); // 789    
7.             var b = 0;    
8.             alert(b); // 0    
9.         })();    
10.     }    
11.     var f = new Foo();    
12.     (function() {    
13.         alert(this.b); // 789    
14.         alert(b); // 789    
15.     })();    

    令人意外的是，最后一个 alert(b)，结果仍然是 789。 
     
    更深入一步： 
     
   

Java代码  

1. function Foo() {    
2.         (function() {    
3.             this.b = 789;    
4.         })();    
5.         (function() {    
6.             alert(this.b); // 789    
7.             alert(b); // undefined    
8.             var b = 0;    
9.             alert(b); // 0    
10.         })();    
11.     }    
12.     var f = new Foo();    
13.     (function() {    
14.         alert(this.b); // 789    
15.         alert(b); // 789    
16.     })();    

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