函数表达式自调用逻辑的实用技巧与案例

在 JavaScript 中，若希望函数在定义后立即执行，直接写 function(){}() 会导致语法错误。关键在于让解析器将其视为表达式而非声明。核心逻辑可以概括为一句话：让函数“定义即执行”，而非先赋值再手动调用。

自执行函数表达式（IIFE）的标准写法

将整个函数用括号包裹，使其成为表达式，再紧跟 () 触发执行。这是最稳妥也最常用的写法：

• ✅ 正确写法（最常用）：

  (function() {
    console.log("我立即执行了");
  })();

• ✅ 带函数名的自执行（函数名仅在内部可用）：

  (function init() {
    console.log("初始化完成");
  })();
  // init 在外部不可访问，不影响作用域

• ✅ 传递参数的自执行函数：

  (function(name, age) {
    console.log(`你好，${name}，${age}岁`);
  })("张三", 25);

• ❌ 错误写法（被解析为函数声明，导致语法错误）：

  function() { console.log(1); }(); // Uncaught SyntaxError

为什么加括号就能实现自执行？

JavaScript 解析器遇到以 function 开头的代码时，默认将其视为函数声明，而函数声明后不能直接跟 () 调用。加上外层括号后，解析器会强制将其视为函数表达式，表达式后接 () 即为合法调用。原理很简单——括号并非魔法，它只是一个“身份转换器”。

其他可行的但较少使用的写法

除了括号，使用某些一元运算符也能将函数转为表达式，效果相同，仅写法不同：

• 使用 !、+、- 等一元运算符前置：

  !function() { console.log("用感叹号触发"); }();
  +function() { console.log("用加号触发"); }();

• 使用数组字面量包装（不推荐，语义不清）：

  [function() { console.log("数组里执行"); }()];

这些写法虽可行，但可读性不如括号，实际开发中建议采用标准括号写法。

注意事项

• 自执行函数执行一次后，函数体即被销毁——除非它返回了闭包并被外部变量引用，否则内存中不会留下痕迹。
• 不应给自执行函数赋予外部可访问的名称，否则会破坏一次性执行的初衷，并容易导致变量污染或误解。
• 若需在函数内部递归，应优先使用具名函数表达式（如 (function fact(n){...})()），内部通过 fact 调用自身，比 arguments.callee 更安全可靠，且在严格模式下 arguments.callee 已被废弃。

概念不复杂，但细节容易忽略。记住一个原则：若想让函数立即执行，先将其转换为表达式，再调用它。