为什么我们需要用 () 包裹 IIFE

Question

当我们使用独立函数语句作为 IIFE 时，我们需要用() 包装它以使其工作

// IFFE
(function a(){
    console.log('Hello')
}());

// IFFE
(function a(){
    console.log('Hello')
})()

如果我们不使用() 进行包装，代码会产生语法错误

function a(){
    console.log('Hello')
}()

但是当我们使用 as 函数表达式时，我们不需要用 () 包装它

let a = function a(){
    console.log('Hello')
}()

那么当我们想将它用作函数语句时，为什么我们需要用() 包装它呢？

Answer 1

当解释器解析 Javascript 文本时，当遇到新行和 function a 时，它将开始将其解释为名为 a 的函数的函数声明。最终，它将以} 结束功能块。如果您在其后放置 ()，它将尝试将 ( 解析为表达式的开头 - 但表达式必须评估为 something，它不能为空，所以当它看到) 时，它会抛出。

（你可以在括号中放一些东西，但它只是一个未使用的表达式，并且不会调用该函数：

function foo() {
  console.log('foo');
}(123);

console.log('done');

)

将( 放在function a 之前可确保解释器将function a 解析为表达式（可以使用的值，例如稍后出现的() )，而不是一个语句（它做一些事情——比如声明在那个范围内可用的函数——但不计算为一个值）。