为何函数赋值给变量可运行，单独执行却抛出SyntaxError？

核心原因：JavaScript对函数声明与表达式的解析规则差异 #

这个问题的本质是JavaScript引擎在解析代码时，会根据上下文区分函数声明和函数表达式，两者的语法规则完全不同：

1. 原始IIFE为什么能正常运行 #

(function a() { return "b"; }());

外层的括号(...)是关键——它把内部的function a() { ... }从“函数声明”强制转换成了函数表达式。函数表达式是一个可被求值的“值”，就像一个数字或者字符串一样，后面跟()就表示立即调用这个函数，所以能正常返回"b"。

2. 去掉外层括号后为什么报错 #

function a() { return "b"; }();

当代码以function开头时，JavaScript引擎会默认把它识别为函数声明。函数声明的语法规则是function 函数名() { 函数体 }，它的作用是在当前作用域（这里是全局）定义一个名为a的函数，但本身不是一个可执行的“值”——所以后面直接跟()是完全不符合语法的，引擎看到意外的)就会抛出SyntaxError。

这里要注意：虽然函数a会被提升到全局作用域，但你没法用这种写法直接调用它。

3. 赋值给变量时为什么正常 #

var c = function a() { return "b"; }();
console.log(c); // prints b

当函数出现在赋值操作的右侧（或者任何需要“值”的上下文里），引擎会自动把它当作函数表达式处理。此时function a() { ... }是一个可求值的表达式，后面的()会立即调用这个函数，把返回值"b"赋值给变量c。

另外提个小细节：这里的函数名a是“表达式函数名”，它只在函数内部可用，全局作用域下访问a会得到undefined。

拓展：其他让函数变成表达式的方式 #

除了赋值和括号，你还可以用一元运算符（比如!、+、-）强制把函数转换成表达式，比如：

!function a() { console.log("b"); }(); // 正常执行
+function a() { return "b"; }(); // 返回"b"

内容的提问来源于stack exchange，提问作者cst1992