函数声明会被完整提升,包括函数名和函数体;函数表达式仅变量名提升,赋值不提升;块级函数声明行为不统一,严格模式下受TDZ约束;箭头函数和class声明不享受函数声明式提升。

JavaScript中函数声明会被提升(hoisting),但提升行为与声明位置密切相关——不是所有函数都能被完全提升,关键看它是函数声明还是函数表达式。
函数声明会被完整提升
使用 function 关键字直接声明的函数(即函数声明语句),在预编译阶段会被整体提升到当前作用域顶部,包括函数名和函数体。这意味着即使调用写在声明之前,也能正常执行。
-
✅ 正确示例:
console.log(add(2, 3)); // 5<br>function add(a, b) { return a + b; } - 解析器在进入作用域时就扫描并注册了
add,所以调用无报错。
函数表达式只提升变量名,不提升赋值
如果函数是通过 var/let/const 声明并赋值为函数(即函数表达式),则只有变量声明部分被提升,而函数体不会被提升。是否可调用,取决于变量声明方式:
用于 inference.sh 的 JavaScript/TypeScript SDK,可运行 AI 应用、构建代理、集成 150+ 模型。包名:@inferencesh/sdk(npm install),完整 TypeScript 支持。
-
⚠️ var 声明:变量名提升,值为 undefined
console.log(foo()); // TypeError: foo is not a function<br>var foo = function() { return 'hello'; }; -
❌ let/const 声明:存在暂时性死区(TDZ)
console.log(bar()); // ReferenceError<br>let bar = () => 'world';
块级作用域中的函数声明行为有差异
在 {} 块内使用 function 声明(非严格模式下)的行为未被标准统一规定,不同引擎处理不同。ES6 要求严格模式下块级函数声明应仅在块内有效,且受 TDZ 约束。
立即学习“Java免费学习笔记(深入)”;
- 非严格模式可能“泄漏”到外层,但不可靠
- 严格模式下,块内函数声明不会提升到外层作用域
- 建议避免在块中直接声明函数,改用函数表达式或显式作用域控制
箭头函数和 class 声明不享受函数声明式提升
箭头函数本质是函数表达式,class 声明虽语法类似函数声明,但其提升规则更接近 let —— 名称会被提升,但无法在声明前访问(处于 TDZ)。
-
const Person = class {}; console.log(Person); // 可以→ 但若把console.log放在class前,会报ReferenceError - 箭头函数必须在定义之后才能使用,不存在“函数声明式”的提升优势

















