javascript – 为什么立即调用此分组运算符函数

我研究了立即调用函数表达式(IIFE)的行为,而在这样做时,我遇到了以下情况.

(function () {
    document.write("bar");
})

(function () {
    document.write("foo");
}());

我以为第一个只是一个函数表达式的分组运算符而不调用它.第二个是一个分组运算符以及一个函数表达式,但现在与该函数的调用.

我觉得奇怪的是两个都被援引,为什么呢？

(function () {
    document.write("bar");
})

var x = 1;

(function () {
    document.write("foo");
}());

当我通过在两者之间插入一个变量声明来打破这两者时,它只是写入foo.这就是我的预期.

解决方法

因为在第一个函数表达式之后忘记了分号：

(function () {
    document.write("bar");
});

否则第二个“分组运算符”被解释为函数调用.所以这：

(function a() {
    ...
})

(function b() {
    ...
}());

基本上是一样的：

function b() {
    ...
}

(function a() {
    ...
})(b());

重新排序使它更容易看到.请记住,空白字符在JavaScript中没有意义,被忽略.