自动执行匿名 JavaScript 函数的括号位置？

Question

我最近将 json2.js 的当前版本与我在项目中拥有的版本，注意到函数表达式的创建和自我执行方式有所不同。

以前的代码将匿名函数括在括号中然后执行它，

(function () {
  // code here
})();

但现在它将自动执行的函数括在括号中。

(function () {
  // code here
}());

CMS在解释JavaScript的封装匿名函数语法 “(function(){})(); 和 (function(){}()); 都是有效的。”

我想知道有什么区别？前者是否会通过留下全局匿名函数来占用内存？括号应该放在哪里？

Answer 1

它们几乎是一样的。

第一个将函数括在括号中，使其成为有效的表达式并调用它。表达式的结果未定义。

第二个执行函数，自动调用周围的括号使其成为有效的表达式。它还评估为未定义。

我认为没有“正确”的方法，因为表达式的结果是相同的。

> function(){}()
SyntaxError: Unexpected token (
> (function(){})()
undefined
> (function(){return 'foo'})()
"foo"
> (function(){ return 'foo'}())
"foo"

Answer 2

在这种情况下，这并不重要。您正在调用解析为第一个定义中的函数的表达式，并在第二个示例中定义并立即调用函数。它们很相似，因为第一个示例中的函数表达式只是函数定义。

对于调用解析为函数的表达式，还有其他更明显有用的情况：

(foo || bar)()

Answer 3

除了语法之外没有任何区别。

关于您对第二种方法的担忧：

考虑：

(function namedfunc () { ... }())

namedfunc 即使仍然不在全局范围内尽管你提供了名字。匿名函数也是如此。将其置于该范围内的唯一方法是将其分配给括号内的变量。

((namedfunc = function namedfunc () { ... })())

外括号是不必要的：

(namedfunc = function namedfunc () { ... })()

但无论如何你都不想要那个全局声明，是吗？

所以它归结为：

(function namedfunc () { ... })()

你可以进一步减少它：这个名字是不必要的，因为它永远不会被使用（除非你的函数是递归的......即使这样你也可以使用arguments.callee）

(function () { ... })()

这就是我的想法（可能不正确，我还没有阅读 ECMAScript 规范）。希望有帮助。

Answer 4

差异的存在只是因为 Douglas Crockford 不喜欢 IIFE！ （严肃地）正如您在此视频中看到的那样！！。

{两种样式}中存在额外包装 () 的唯一原因是帮助使该部分代码函数表达式，因为函数声明 无法立即调用。一些脚本/缩小器只使用 +、!、- & ~ 而不是太括号。像这样：

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

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

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

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

所有这些都与您的选择完全相同。在这些案例中进行选择完全取决于您自己的选择。没有什么区别。 { 带有 () 的生成 1 字节大文件 ;-) }