为什么javascript变量声明要用let和const_它们与var的区别在哪里

本篇文章向大家介绍《为什么javascript变量声明要用let和const_它们与var的区别在哪里》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

JavaScript中优先使用const和let替代var，因其提供块级作用域、避免变量提升导致的TDZ错误、禁止重复声明，并明确赋值约束：const需初始化且不可重赋值，let可重赋值但不可重复声明，var则存在函数作用域、提升至undefined及允许重复声明等问题。

JavaScript 中用 let 和 const 替代 var，核心是为了避免变量提升（hoisting）带来的意外行为、明确作用域边界，并让代码更可预测、更安全。

作用域不同：块级 vs 函数级

var 只有函数作用域（function scope），在函数内声明就整个函数都可见；let 和 const 是块级作用域（block scope），只在 {} 内有效，比如 if、for 或任意代码块中。

• var x = 1; if (true) { var x = 2; } console.log(x); // 输出 2 —— 覆盖了外层
• let y = 1; if (true) { let y = 2; } console.log(y); // 输出 1 —— 内外是两个独立变量

变量提升行为不同：声明是否可访问

var 会被提升到函数顶部并初始化为 undefined，所以能“先用后声明”（但值是 undefined）；let 和 const 虽然也会被提升，但不初始化，从声明前到声明语句之间存在“暂时性死区”（TDZ），访问会直接报错。

• console.log(a); var a = 1; // undefined（不报错）
• console.log(b); let b = 1; // ReferenceError: Cannot access 'b' before initialization

重复声明限制不同：能否多次定义同名变量

var 允许在同一作用域重复声明（不会报错，但通常不是本意）；let 和 const 在同一作用域中重复声明会立即报错，强制你检查命名冲突。

• var c = 1; var c = 2; // 合法，c 最终为 2
• let d = 1; let d = 2; // SyntaxError: Identifier 'd' has already been declared

赋值与重声明规则不同：const 不是“常量”，而是“不可重新赋值的绑定”

const 声明后必须初始化，且不能重新赋值（不能用 = 赋新值），但它绑定的值如果是对象或数组，其内部属性/元素仍可修改；let 可重新赋值；var 既可重新声明也可重新赋值。

• const obj = { name: 'Alice' }; obj.name = 'Bob'; // ✅ 合法，修改属性
• obj = {}; // ❌ 报错，不能重新赋值
• const arr = []; arr.push(1); // ✅ 合法
• const arr = []; arr = [1]; // ❌ 报错

理论要掌握，实操不能落！以上关于《为什么javascript变量声明要用let和const_它们与var的区别在哪里》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！