js中两个小括号的用法

转载 2016年08月31日 11:01:31
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.     })();   

来自:http://www.cnblogs.com/yuzhongwusan/archive/2011/11/09/2243072.html

js 两个圆括号 自调用 闭包

JavaSript 圆括号的使用 先来看一组通过函数声明来定义的函数: 先附代码:   运行结果如下: 这里我们可以看出: Ø  若没有加圆括号,则返回的是这个函数的内容 Ø  ...
  • hs666_007
  • hs666_007
  • 2016年05月09日 21:21
  • 2111

js面向对象编程:两个小括号的使用

在查看很多jQuery的过程中,经常遇到两个小括号的情况。 例如:    (function() { alert("测试1"); })(); (function()...
  • xuexiaodong2009
  • xuexiaodong2009
  • 2014年06月13日 10:05
  • 1596

JS 两个小括号

已经一年半没有写过JS代码了,我印象比较深刻的几个JS地方之一就是两个小括号,引起我注意的原因是由于之前很浅显的阅读了下JQUERY源码,jquery源码被放在两个括号的前一个括号中,后面那个括号只放...
  • fellting
  • fellting
  • 2011年12月29日 15:05
  • 2108

JavaScript 函数调用时带括号和不带括号的区别!!!

最近钻研JS的时候遇到了一些问题,实话说JS真的是一门很强大的语言,还需继续修炼。 今天分享的一点知识是:JavaScript 函数调用时带括号和不带括号的区别!!! 例子说明: 例1. funct...
  • yyx19941129
  • yyx19941129
  • 2015年11月04日 19:52
  • 4764

【JavaScript】中两个小括号 ()() 是什么意思

function Foo() {var a = 123;this.a = 456;(function() {alert(a); // 123alert(this.a); // undefined})(...
  • claram
  • claram
  • 2011年05月16日 15:08
  • 6050

JavaScript小括号、中括号、大括号的多义性

小括号 JavaScript中小括号有五种语义: 语义1,函数声明时参数表 [javascript] view plaincopy func(arg1,arg2){   //...
  • woshinia
  • woshinia
  • 2014年01月22日 16:51
  • 10966

JS中函数名后面的括号加与不加的区别和作用?

function fun(){ return 5 } var a=fun var b=fun() JS中我们把以上代码加粗的部分叫做函数,函数是一种叫做function引用类型的实例,因此函数是一个...
  • z21102
  • z21102
  • 2016年07月06日 15:48
  • 1378

javascript之function用括号包起来

(function a(){}) (命名函数表达式)会返回这个函数(不会执行),但是在括号外面无法调用该函数,需要一个变量接收这个函数,var fun = (function a(){}),一般这个用...
  • fakerac
  • fakerac
  • 2016年10月14日 21:05
  • 536

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

JavaScript 中,考查如下代码:  Js代码  收藏代码  Java代码   (function()     {         alert("cftea");   ...
  • shoyer
  • shoyer
  • 2013年03月13日 10:31
  • 1002

JavaScript小括号、中括号、大括号的多义性

小括号 JavaScript中小括号有五种语义: 语义1,函数声明时参数表 [javascript] view plaincopy func(arg1,arg2){   //...
  • woshinia
  • woshinia
  • 2014年01月22日 16:51
  • 10966
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中两个小括号的用法
举报原因:
原因补充:

(最多只允许输入30个字)