在 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已被废弃。
概念不复杂,但细节容易忽略。记住一个原则:若想让函数立即执行,先将其转换为表达式,再调用它。
