理解jQuery的两对小括号()()

如果大家看jquery的sourcecode就知道一开始就有两对小括号,

是什么意思呢! 真的是比较困惑, 这么神奇的代码,什么意思啊?

我们先看看jQuery一开始是怎么写的:

(function(){

// jquery 代码

})();

它是由什么组成呢? 有一个匿名函数(函数没有名字),

此匿名函数被一对小括号包裹着,这对小括号右边还有一对小括号.

我们再看常用一般函数定义方式.

//函数定义

function func1(){

alert("hello,world");

}

//调用函数

func1();

那么这两句话目的很明显就是要弹出一个"helloworld"的对话框,

那么我们可不可以合并成一句话, 也同样能达到这样的效果

当然是可以的.

(function (){

alert("hello,world"

); })();

函数名称func1都去掉了, 在函数外面加了一对小括号.

这和jquery是一样的啊! 可以看出最后面一对小括号语义就是"调用此匿名函数",

那么包裹在匿名函数外面的一对小括号可以去掉吗?

变成如下的样子

function (){

alert("hello,world");

}();

 

要回答这个问题,先看看javascript对表达式的评估.

dd= aa+ cc*bb javascript会先评估cc*bb,

然后才会评估aa+,这是因为地球人都知道的事情,

乘运算(*)符优先级高于加(+) 同样如果去掉这对小括号的话,

我们可以假想一下其表达式的评估过程,

javascript会先评估最后面小括号,而不是先评估匿名函数了,

那么最后面的小括号是什么语义呢! 仅当作一般运算符去处理,

并不是"此处存在函数调用"的这样一个语义,

因为在这之前并不知道有匿名函数存在(还没有评估呢),

所以在匿名函数外面加上一对小括号的话,javascript对其评估的顺序就变了,

所以答案很明显,不可以去掉匿名函数外面的一对小括号,否则其评估就会失败,

导致语法错误. 看到这里是不是豁然开朗了,呵呵! 如果讲的有错误,还请大侠们给指出来,在此谢谢了.

评论

12 楼 孙成利0323 2014-05-03  

刚刚参加工作学习jquery,搜了搜这问题的解释貌似都是楼主的这篇文章，感谢！

11 楼 zbm2001 2008-07-17  

楼主分析的javascript引擎对这段代码的解析过程（执行顺序），简单明了，
2#楼把编译原理搬出来也改变不了这个引擎的实现过程啊。


另外，“自执行函数模式”算是Javascript动态语言的一个小小亮点。
而void则是命令式语言里中规中矩的范例了。

10 楼 笨笨狗 2008-07-17  

csf178 写道

void 比较好看 而且语义也正确一些

不过很多时候我们利用“自执行函数模式”（《Pro Javascript Design Patterns》一书给起的名字），是为了得到函数的返回值，void就不行鸟……

9 楼 csf178 2008-07-16  

void 比较好看 而且语义也正确一些
也可以尝试new 这样this也是一个私有的对象了 可以更彻底地避免污染

8 楼 笨笨狗 2008-07-16  

void function(){alert('my god')}()

楼主说的第一个括号，是强制运算（优先级）运算……

7 楼 afcn0 2008-07-16  

楼上你真好有意思，有这么写代码的马
(function (){

alert("hello,world"

); });var a=0;();
第一个()里面是函数对象，后面()是执行，你里面加句var ......什么的是怎么意思
还有第一个()可以用+ -代替
+function (){

alert("hello,world"

); }();

6 楼 cctvsod 2008-07-16  

楼主，我在中间加上任意的代码，就不调用那个匿名方法了，为什么？
(function (){

alert("hello,world"

); });var a=0;();

5 楼 ayeah 2008-05-10  

感觉楼主说的有道理，jquery这样做确实有很好的兼容性，避免了变量冲突的麻烦。。。

4 楼 liusong1111 2008-04-22  

这种写法最有价值之处是不会污染外部命名空间,jQuery库只向全局命名空间引入了jQuery这个变量和可选的$变量(当不设定noConflict时),使得它与其它js并存没有任何代码级的问题.

3 楼 tommychang 2008-04-21  

其实括号前应该可以理解为闭包吧,前面那部分是不会执行的,仅仅是一个函数体,而加个括号,或者用.apply(this)等就会执行之.....

2 楼 笨鸟先飞 2008-04-21  

引用

orz~~~乱讲～～～
去看看编译原理吧～～～
()的编译规则，完全是有编译规则定的，与什么评不评估没啥关系

  首先感谢楼上的朋友给出意见, 如果可能,还请不吝笔墨,谈谈您对这两对小括号的理解,如果还有可能,再谈谈javascript引擎针对这段代码的编译过程.在这里虚心学习了. 

1 楼 ajaxgo 2008-04-21  

orz~~~乱讲～～～
去看看编译原理吧～～～
()的编译规则，完全是有编译规则定的，与什么评不评估没啥关系