立即函数调用语法

Question

有一个JSLint 选项，实际上是 The Good Parts 之一，它“[需要] parens around immediate invocations”，这意味着构造

(function () {

  // ...

})();

应该写成

(function () {

  // ...

}());

我的问题是——谁能解释为什么第二种形式可能被认为更好？是不是更有韧性？更不容易出错？它比第一种形式有什么优势？

---

自从提出这个问题后，我开始明白在函数值和函数值之间进行清晰的视觉区分的重要性。考虑立即调用的结果是赋值表达式右侧的情况：

var someVar = (function () {

  // ...

}());

虽然最外面的括号在语法上是不必要的，但左括号给出了一个预先指示，即被分配的值不是函数本身，而是被调用的函数的结果。

这类似于 Crockford 关于构造函数大写的建议——它旨在为任何查看源代码的人提供视觉提示。

Answer 1

来自 Douglass Crockford 的 style convention guide：（搜索“立即调用”）

当要立即调用一个函数时，整个调用表达式应该用括号括起来，这样就可以清楚地看出生成的值是函数的结果，而不是函数本身。

所以，基本上，他觉得它更清楚地区分了函数值和函数值。所以，这是一个风格问题，而不是代码本身的实质性差异。

更新参考，旧PPT不存在了

Answer 2

立即调用的匿名函数将其包裹在括号中，因为：

1. 它们是函数表达式，省略括号会导致它被解释为函数声明，这是一个语法错误。

2. 函数表达式不能以单词function开头。

3. 将函数表达式分配给变量时，不返回函数本身，而是返回函数的返回值，因此括号会评估其中的内容并产生值。当函数执行时，结尾的括号..}() 导致函数立即执行。

Answer 3

或者，使用：

void function () {
...
} ()