函数声明会被完整提升，可在声明前调用；函数表达式仅变量名提升，值为undefined。1. 函数声明语法为function name(){}，必须有名字；函数表达式将函数赋值给变量，可匿名或具名。2. 函数声明提升整个函数，允许提前调用；函数表达式中let/const声明的变量存在暂时性死区，var声明会报错TypeError。3. 函数表达式更灵活，适用于回调、IIFE、对象方法等场景。4. 理解差异有助于避免执行顺序错误和模块设计问题。

在 JavaScript 中，函数是头等公民，可以通过多种方式创建。最常见的两种方式是函数声明和函数表达式。虽然它们都能定义函数，但在语法、提升（hoisting）行为以及使用场景上存在关键差异。

语法形式不同

函数声明以 function 关键字开头，后跟函数名：

function greet() {
  console.log(“Hello!”);
}

函数表达式是将一个函数赋值给变量，函数可以有名字，也可以是匿名的：

const greet = function() {
  console.log(“Hello!”);
};

// 或者带名字的函数表达式
const greet = function hello() {
  console.log(“Hello!”);
};

函数表达式的函数名只能在函数内部访问，主要用于调试或递归调用。

立即学习“Java免费学习笔记（深入）”；

变量提升行为不同

这是两者最显著的区别。

函数声明会被完整地提升到其作用域顶部。这意味着你可以在声明之前调用它：

greet(); // 输出: Hello!
function greet() {
  console.log(“Hello!”);
}

函数表达式不会被提升函数体，只有变量名被提升（如果是 var 声明），但值为 undefined：

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

44

查看详情

sayHi(); // 报错：Cannot access ‘sayHi’ before initialization
const sayHi = function() {
  console.log(“Hi!”);
};

使用 var 时情况略有不同：

sayHi(); // 报错：TypeError: sayHi is not a function
var sayHi = function() {
  console.log(“Hi!”);
};

因为 var 被提升，但值是 undefined，调用 undefined 会报错。

适用场景与灵活性

函数声明适合定义需要在整个作用域中可用的工具函数或逻辑主干函数。由于可被提前调用，代码组织更自由。

函数表达式更灵活，常用于：

• 作为回调函数传递（如 setTimeout、addEventListener）
• 立即执行函数表达式（IIFE）
• 对象方法或模块导出
• 箭头函数替代（现代常用）

例如：

setTimeout(function() {
  console.log(“延迟执行”);
}, 1000);

总结关键点

• 函数声明会被完全提升，可在声明前调用；函数表达式不会
• 函数声明必须有名字，函数表达式可以匿名或具名
• 函数表达式更适合作为“值”来操作，比如赋值、传参、返回
• 在块级作用域中，两者的提升和暂时性死区行为受 let/const 影响

基本上就这些。理解它们的异同有助于避免运行时错误，尤其是在处理执行顺序和模块设计时。不复杂但容易忽略。