函数表达式作为匿名函数使用，核心在于“按需定义、即用即弃”，适合逻辑简洁、不需复用或仅传递/执行一次的场景；它不是语法糖，而是明确表达“这是一个值”的编程意图。

函数表达式作为匿名函数使用，核心在于“按需定义、即用即弃”，适合逻辑简洁、不需复用、或仅用于传递/执行一次的场景。它不是语法糖，而是明确表达“这是一个值”的编程意图。

优先用于回调和事件处理

当函数只在特定时机被调用（比如点击、定时、数据加载完成），直接写匿名函数表达式最自然：

• 按钮点击：btn.onclick = function() { console.log('clicked'); };
• 数组遍历：[1,2,3].forEach(function(item) { console.log(item); });
• 避免为一次性逻辑起名，减少命名负担和作用域污染

赋值给变量时保持语义清晰

若后续还需调用，用 const 声明变量并赋予匿名函数，语义上表示“这个变量持有可执行逻辑”：

• 推荐写法：const validateEmail = function(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); };
• 不推荐省略 const/let 直接写 validateEmail = function(...) {...}（可能意外创建全局变量）
• 变量名本身承担了函数名的作用，应准确反映其职责

需要调试或递归时改用命名函数表达式

纯匿名函数在堆栈中显示为 anonymous，排查困难；若涉及递归或希望调试时看到有意义的函数名，可用命名函数表达式：

• 例如：const factorial = function calc(n) { return n
• 外部仍通过 factorial(5) 调用，内部递归用 calc，既保留变量灵活性，又提升可读性
• 注意：函数名 calc 只在函数体内有效，不会污染外层作用域

避免常见陷阱

匿名函数表达式不被提升，也不等于立即执行——这两点容易误用：

• 不能在声明前调用：fn(); const fn = function() {}; // 报 ReferenceError
• function(){}(); 是语法错误，必须先让 JS 认出它是表达式，如 (function(){})(); 或 !function(){}();
• 箭头函数也是函数表达式，但没有 arguments 和 this 绑定，选型时需确认上下文需求