(...())与javascript闭包中的(...)()

Question

我知道这很愚蠢,但这有什么区别:

(function() {  
    var foo = 'bar';  
})();

还有这个？

(function() {  
    var foo = 'bar';  
}());

JSLint告诉我们Move the invocation into the parens that contain the function,但我认为没有必要.

编辑:答案太酷了.~function,JSHint的替代方案以及jQuery对(/***/)();Crockford的解释的偏好!我以为我会得到一个"他们是同一件事"的答案.
你们通过upvotes决定最好的一个,我勾选它.

Answer 1

没有区别.两者都是使JavaScript解析器将您的函数视为表达式而不是声明的有效方法.

请注意,+并且!也可以使用,并且有时使用minifiers来保存大小的字符:

+function() {  
    var foo = 'bar';  
}();

!function() {  
    var foo = 'bar';  
}();

编辑

正如@copy指出的那样,为了完整性,~它-也会起作用.

-function() {  
    var foo = 'bar';  
}();

~function() {  
    var foo = 'bar';  
}();

Answer 2

JSLint违规存在是因为Douglas Crockford说外括号版本看起来像"狗球".

你可以听到他在这个视频中讨论它:

我认为这看起来很傻,因为我们所说的是整个调用,但我们把这些东西挂在它外面看起来像...狗球.

他建议内部的括号帮助读者理解整个语句是函数表达式而不是声明.

Answer 3

不,我不相信有任何区别.我个人更喜欢前者(和jQuery等人似乎同意),但它们在我测试过的每个引擎中都有相同的作用.

而且,有时JSLint有点过于严格.在这方面,JSHint可能会好一点.