javascript - 这两个 JavaScript 声明有什么区别？

Question

其中一个“()”在里面，另一个在外面。他们来了:

var a = (function() {
    return {
        bla: function() {
            console.log('a');
        }
    };
} () );

var b = (function() {
    return {
        bla: function() {
            console.log('b');
        }
    };
}) ();

a.bla();
b.bla();

Answer 1

没有区别。

[不必要的] 括号只是在不同的地方。由于它所在的位置，函数声明已经是一个表达式。如果声明在语句上下文中，括号会有所不同，但仍会产生等效代码(具有讽刺意味的是，他们会将其转回表达式上下文)，事实并非如此。

---

括号在类似 场景中的常见用法是用于自调用函数。在这种情况下需要括号，因为

function x () { alert("hi!") } ()

被解析为

function x () { alert("hi!") }; ()

当它作为语句出现时——或“ block 的顶级元素”——它被解析为“FunctionDeclaration”。因此经常使用下面的形式:

(function () { alert("hi!") })()

这是有效的，因为 function ... 不再是上面的语句，而是一个表达式(解析为 "FunctionExpression")，并且表达式 可以继续所以Automatic Semicolon Insertion不会像前一种情况那样发生。另请注意，函数名称可以省略。

但是，因为在帖子中 function ... 出现在 = 的右边(在 "AssignmentExpression") 因此它已经在 expression 上下文中(被解析为 "FunctionExpression")因此不需要额外的括号。

所有这些都是相同的，但我更喜欢第二种形式(为了在我的代码中保持一致):

a = function () {} ()
b = (function () {}) ()
c = (function () {} ())

快乐编码。