javascript - 立即调用函数表达式 : Where to put the parenthesis?

Question

我看过IIFE的写法:

(function() {
    console.log("do cool stuff");
})();

还有:

(function() {
    console.log("do more cool stuff");
}());

在我使用它们的任何情况下，它们似乎都以相同的方式工作，尽管在某些情况下我被告知一种方法是正确的而另一种是错误的，反之亦然。有没有人有任何可靠的理由或逻辑来说明它是一个订单而不是另一个订单？在某些情况下，在函数体关闭之后但在调用括号发挥作用之前，或者在最后一个右括号之后但之前，是否可能会有更多的事情发生？我主要在 Angular 模块闭包中使用它们，但似乎无法找到任何真正的理由来采用这种或那种方式，想知道是否有人有不同的经验。

Answer 1

简短的回答:没关系，只要你把它们放在那里。

长答案:除了箭头函数外，这无关紧要，因为对于 JavaScript 来说，唯一重要的是它们的存在。这样做的原因是语言规范定义如果您声明一个命名 函数，则语句必须仅以function 关键字开头。因此，像这样定义 IIFE 是违反规范的:

function () {}();

解决方法是将整个内容括在括号中，这样语句就不再以 function 关键字开头。您可以通过使用

(function () {})();

以及通过使用:

(function () {}());

您选择哪一个完全是任意的，因此取决于您。

我(个人)将括号放在函数周围，而不是调用周围，即像这样:

(function () {})();

原因:我想使用最小的代码部分来包装一些仅出于技术原因才需要的东西，这是函数定义，而不是调用。除了规范说您不能以那种方式定义函数之外，它与调用函数无关。因此，我认为包装定义而不是调用会更清楚。

编辑但是，对于 es6 中的箭头函数，调用必须在包装器之外。它在包装器内部会导致调用的左括号出现意外的标记错误。尚不完全清楚为什么会这样。