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

前端之家收集整理的这篇文章主要介绍了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中没有意义,被忽略.

猜你在找的JavaScript相关文章