2008-04-21

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

关键字: javascript

如果大家看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对其评估的顺序就变了,

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

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

评论
ayeah 2008-05-10
感觉楼主说的有道理，jquery这样做确实有很好的兼容性，避免了变量冲突的麻烦。。。
liusong1111 2008-04-22
这种写法最有价值之处是不会污染外部命名空间,jQuery库只向全局命名空间引入了jQuery这个变量和可选的$变量(当不设定noConflict时),使得它与其它js并存没有任何代码级的问题.
tommychang 2008-04-21
其实括号前应该可以理解为闭包吧,前面那部分是不会执行的,仅仅是一个函数体,而加个括号,或者用.apply(this)等就会执行之.....
笨鸟先飞 2008-04-21
引用
orz~~~乱讲～～～
去看看编译原理吧～～～
()的编译规则，完全是有编译规则定的，与什么评不评估没啥关系



首先感谢楼上的朋友给出意见, 如果可能,还请不吝笔墨,谈谈您对这两对小括号的理解,如果还有可能,再谈谈javascript引擎针对这段代码的编译过程.在这里虚心学习了.
ajaxgo 2008-04-21
orz~~~乱讲～～～
去看看编译原理吧～～～
()的编译规则，完全是有编译规则定的，与什么评不评估没啥关系
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

笨鸟先飞
搜索本博客
博客分类
最近加入圈子
存档
最新评论