为何ES6闭包需赋值给变量才可调用？两段代码一错一解求解析

首先得明确你遇到的问题本质是JavaScript引擎对函数声明/表达式的解析规则差异，咱们先还原出这类问题的典型代码（毕竟你没贴具体代码，但这类场景的写法基本一致）：

无法运行的典型代码： #

// 箭头函数闭包版
() => {
  const privateMsg = "闭包内部变量";
  console.log(privateMsg);
}();

// 普通函数闭包版
function() {
  const privateMsg = "闭包内部变量";
  return () => console.log(privateMsg);
}();

可以运行的典型代码： #

// 箭头函数闭包版
const myClosure = () => {
  const privateMsg = "闭包内部变量";
  console.log(privateMsg);
};
myClosure();

// 普通函数闭包版
const createClosure = function() {
  const privateMsg = "闭包内部变量";
  return () => console.log(privateMsg);
};
createClosure()();

接下来拆解核心原因：

• 解析规则差异：JS引擎遇到行首的function或() =>时，会默认判定为「函数声明」。函数声明的语法规则是只能先定义、后调用，不允许紧跟()直接执行，这就是第一段代码报错的根源。
• 赋值触发表达式转换：当你把函数赋值给变量时，引擎会把这个函数识别为「函数表达式」——表达式本质是一个可计算的“值”（和数字、字符串的性质类似），自然支持直接加()执行，或者赋值后再调用。

其实不用赋值给变量也能直接运行闭包，只要用小技巧强制引擎把它当成表达式就行：

• 用括号包裹整个函数：

(() => {
  const privateMsg = "闭包内部变量";
  console.log(privateMsg);
})();

• 在函数前加一元运算符（比如!、+）：

!function() {
  const privateMsg = "闭包内部变量";
  return () => console.log(privateMsg);
}()();

总结一下：不是ES6闭包必须赋值给变量才能调用，而是行首直接写的函数会被当成声明，不允许立即执行；赋值操作只是触发了“函数声明→函数表达式”的转换，让它具备了可执行的条件。

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