JavaScript中var声明提升并初始化为undefined,let/const声明提升但存在TDZ导致ReferenceError,函数声明完全提升而函数表达式仅变量名提升,推荐显式声明在使用前。

Hoisting(变量提升)是 JavaScript 引擎在执行代码前,将变量声明和函数声明“移动”到当前作用域顶部的行为——但注意,只有声明被提升,赋值不会。
var 声明会被提升并初始化为 undefined
使用 var 声明的变量,JavaScript 会把声明部分(不是赋值)提到作用域开头,并默认赋值为 undefined。所以可以在声明前访问,但值是 undefined:
console.log(a); // undefined var a = 10;
登录后复制
- 引擎实际处理类似:
var a; console.log(a); a = 10; - 这容易导致意外的
undefined行为,尤其在条件分支中误判变量是否存在
let 和 const 声明会被提升但不初始化(存在暂时性死区 TDZ)
let 和 const 的声明会被提升,但引擎不会初始化它们。从作用域开始到真正声明语句之间,访问这些变量会抛出 ReferenceError:
console.log(b); // ReferenceError: Cannot access 'b' before initialization let b = 20;
登录后复制
- TDZ(Temporal Dead Zone)的存在让错误更早暴露,有助于避免静默 bug
- 即使用
typeof检测也会报错,不同于var的返回"undefined"
函数声明会被完全提升(声明 + 定义),函数表达式只提升变量名
函数声明(function foo() {...})会被整个提升,可安全地在声明前调用;而函数表达式(const bar = function() {...})只遵循对应变量的提升规则:
标签: javascript java access 作用域
还木有评论哦,快来抢沙发吧~