javascript Hoisting是什么_变量提升如何影响代码

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

javascript Hoisting是什么_变量提升如何影响代码-第1张图片-佛山资讯网

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)

letconst 的声明会被提升,但引擎不会初始化它们。从作用域开始到真正声明语句之间,访问这些变量会抛出 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 作用域

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~