17370845950

const声明必须初始化且不可重赋值，let允许后续赋值；两者均有TDZ；默认优先用const，仅需重赋值时用let；const锁定绑定而非值，let在闭包中提供独立块级绑定。

let 和 const 都会创建块级作用域变量，但 const 要求必须初始化且不可重新赋值

这是最核心的区别：不是“常量不能改”，而是“绑定不能重赋值”。const 声明的变量在声明时就必须给初始值，之后不能再用 = 赋新值；let 则允许后续赋值，也允许先声明后赋值。

• const 声明不等于“值不可变”——比如 const obj = {a: 1}，你仍可以执行 obj.a = 2 或 obj.b = 3，因为对象本身没被替换，只是属性在变
• let 允许重复声明同一作用域内的不同变量（如循环中），但不允许在同一作用域内重复声明同名变量，否则报 Identifier 'x' has already been declared
• 两者都存在“暂时性死区（TDZ）”：在声明语句之前访问会抛出 ReferenceError，不像 var 那样提升并初始化为 undefined

什么时候该用 const，什么时候该用 let

默认优先用 const，只有明确需要后续重新赋值时才换 let。这不是风格偏好，而是代码意图的显式表达。

• 函数参数、对象/数组解构、模块导入（import）默认都是 const 绑定
• 循环变量用 let（如 for (let i = 0; i ），因为每次迭代都需要新绑定；若用 const 会立即报错
• 计数器、状态标记、临时中间值（如 let temp = x * 2）适合 let
• 配置项、DOM 引用、API 实例（如 const modal = document.getElementById('modal')）应优先 const

var、let、const 的提升和作用域差异

三者行为差异集中在“是否提升”和“作用域边界”上，直接影响变量能否提前访问和是否被外层污染。

• var：函数作用域，声明会被提升（hoisted），初始化为 undefined，可重复声明
• let / const：块级作用域（{}、if、for 等内部），声明被提升但不初始化，访问触发 TDZ 错误
• const 比 let 多一层限制：必须在声明时初始化，否则语法错误 Missing initializer in const declaration

if (true) {
  console.log(x); // ReferenceError: Cannot access 'x' before initialization
  let x = 1;
  const y = 2;
  console.log(y); // OK
}

常见错误场景和修复建议

很多运行时问题其实源于混淆了“绑定不可变”和“值不可变”，或忽略了 TDZ。

• 在 const 声明前使用（哪怕只读）→ 改成 let 或调整顺序
• 试图对 const arr = [1, 2] 执行 arr = [3, 4] → 报错；但 arr.push(3) 合法；若真要冻结内容，需配合 Object.freeze(arr)
• 在 for...in 或 for...of 中误用 const → 循环变量必须用 let，否则每次迭代都会尝试重新绑定
• 导出模块时写 export const foo = () => {} 是安全的；但若想动态改导出值（极少见），得用 let + export { foo } 形式

真正容易被忽略的是：const 对引用类型只锁定“指向”，不锁定“内容”；而 let 的块级绑定在闭包和异步回调中表现更可预测——比如循环里 setTimeout，用 let 自动获得每次迭代的独立绑定，用 var 就会全部输出最后一个值。