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

2016年04月20日 javascript 暂无评论 阅读 29 views 次
  1. (function()
  2.  {
  3.      alert("cftea");
  4.  })();

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

可以把上述代码理解为:

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

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

 

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

 

用途

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

 

  1. ajax.xmlhttp = (...)();
  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 的。如果要使用外部的成员,可使用参数的形式传入:

 

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

 

很好理解,再看看下面的:

  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。这说明用两个小括号括起来的都是位于一个执行上下文中的,不论这些代码放在哪里。

 

  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。

 

 

  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 处理;如果当前 () 中存在同名的局部变量,则按常规处理。

给我留言

您必须 登录 才能发表留言!

Copyright © 大一网 保留所有权利.  

用户登录

分享到: