JavaScript中定义函数主要有函数声明和函数表达式两种方式:前者具名且全提升,可先调用后定义;后者多为匿名或命名表达式,仅变量声明提升,函数体不提升,适用于回调、条件创建等场景。

JavaScript 中定义函数主要有两种方式:函数声明(Function Declaration)和函数表达式(Function Expression),它们在语法、提升(hoisting)、使用场景和行为上都有明显区别。
函数声明:先写再用,会被提升
函数声明使用 function 关键字 + 函数名 + 参数列表 + 函数体的方式定义,且整个声明会被“提升”到当前作用域顶部,因此可以在定义之前调用。
例如:
console.log(add(2, 3)); // ✅ 正常运行,输出 5
function add(a, b) {
return a + b;
}
关键点:
立即学习“Java免费学习笔记(深入)”;
- 必须有函数名(命名函数)
- 会被完全提升(函数名和函数体都提升)
- 适合定义工具性、可复用的逻辑,语义清晰
函数表达式:定义即赋值,不提升函数体
函数表达式是把函数作为“值”赋给一个变量(或对象属性、数组元素等),常见形式是 const/let/var + 变量名 = function() { ... },也可以是箭头函数。
例如:
console.log(subtract(5, 2)); // ❌ 报错:subtract is not a function
const subtract = function(a, b) {
return a - b;
};
注意:只有变量声明(如 const subtract)会被提升,但赋值(即函数本身)不会。所以不能在赋值前调用。
其他形式包括:
-
命名函数表达式:
const calc = function sum(a, b) { return a + b; };—— 函数内可用sum递归,外部仍用calc -
箭头函数:
const multiply = (a, b) => a * b;—— 没有this绑定,不能用作构造函数
核心差异总结
对比维度如下:
- 提升行为:声明全提升;表达式仅变量声明提升,函数体不提升
- 命名要求:声明必须命名;表达式可以匿名(常见),也可命名(用于调试或递归)
- 使用时机:声明适合模块顶层逻辑;表达式适合条件创建、回调、IIFE、闭包封装等场景
-
函数名属性:声明的函数名是不可枚举、不可删除的;表达式中若为命名函数,
name属性有效,但不影响外部引用
实际选择建议
日常开发中可参考:
- 想在定义前调用,或定义公共工具函数 → 用函数声明
- 需要动态生成、按条件赋值、传入回调、或配合
export导出 → 用函数表达式(尤其推荐const fn = () => {...}) - 写模块时,ES6 推荐统一用表达式 +
export,更利于静态分析和 tree-shaking - 避免在非顶层作用域(如 if 块中)使用函数声明,不同引擎行为不一致,应改用表达式











