变量提升将var和函数声明移至作用域顶部，而let和const存在暂时性死区，禁止在声明前访问。1. var声明提升且初始化为undefined；2. let/const提升但未初始化，访问触发ReferenceError；3. 函数声明完全提升，可提前调用；4. 函数表达式表现取决于赋值方式；5. 建议先声明后使用，优先采用let和const以避免意外行为。
JavaScript中的变量提升和暂时性死区是理解变量生命周期的关键概念。很多人在使用var、let和const时会遇到意料之外的行为，根源往往就出在这两个机制上。
JavaScript引擎在执行代码之前会先进行编译阶段，这个阶段会将变量和函数的声明“提升”到作用域的顶部。
对于var声明的变量，其声明会被提升，但赋值不会。
console.log(name); // 输出：undefined
立即学习“Java免费学习笔记（深入）”；
var name = "Alice";
// 相当于：
var name;
console.log(name); // undefined
name = "Alice";
函数声明也会被完整提升，可以在声明前调用。
sayHello(); // 输出：Hello!
function sayHello() {
console.log("Hello!");
}
let和const虽然也会被提升，但在进入作用域后到正式声明之前，处于“暂时性死区”——此时访问变量会抛出错误。
console.log(age); // 报错：ReferenceError
let age = 25;
这是因为let和const的设计初衷是避免var带来的误解。在声明前访问它们是不被允许的。
TNZ从作用域开始到变量声明完成前都存在。例如：
function example() {
console.log(value); // ReferenceError
let value = 10;
}
不同关键字在提升和死区上的表现有明显区别：
undefined，无TDZlet，且必须在声明时赋值函数表达式的行为取决于声明方式：
console.log(funcVar); // undefined（可调用？不，它是undefined）
funcVar(); // TypeError: funcVar is not a function
var funcVar = function() { console.log("Hi"); };
为了避免因提升和TDZ导致的问题，推荐以下做法：
let和const代替var
let和const在if、for中的行为基本上就这些。掌握变量提升和暂时性死区，能帮助你写出更 predictable 的JavaScript代码。
以上就是JavaScript中的变量提升与暂时性死区_javascript核心的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
694
