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

最近，我将json2.js的当前版本与项目中使用的版本进行了比较，并发现函数表达式的创建和自我执行方式有所不同。

用于将匿名函数包装在括号中然后执行的代码，

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

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

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

有通过CMS在接受答案的注释解释JavaScript的封装匿名函数的语法是“既：(function(){})();和(function(){}());有效。”

我想知道有什么区别吗？前者是否通过留下全局匿名函数来占用内存？括号应位于何处？

它们实际上是相同的。

第一个将括号括在函数周围，以使其成为有效的表达式并调用它。表达式的结果是不确定的。

第二个执行该函数，并且自动调用周围的括号使其成为有效的表达式。它还将评估为undefined。

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

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

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

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

(foo || bar)()

除了语法没有什么区别。

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

考虑：

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

namedfunc即使您提供了名称，它仍然不在全局范围内。匿名函数也是如此。在该范围内获取它的唯一方法是将其分配给paren中的变量。

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

外部括号是不必要的：

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

但是您仍然不希望该全局声明，对吗？

因此可以归结为：

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

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

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

这就是我考虑的方式（可能不正确，我还没有阅读ECMAScript规范）。希望能帮助到你。

之所以存在差异，是因为Douglas Crockford 不喜欢IIFE的第一种样式！（严重）正如您在此视频中看到的那样！。

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

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

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

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

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

所有这些与您的替代品完全相同。这些情况之间的选择完全由您自己决定，没有任何区别。{ ()产生1个字节大文件的文件 ;-)}