17370845950

变量就是给值起个名字，不是容器也不是盒子

JavaScript 中的 变量 本质是「绑定标识符到值的引用关系」，不是内存里的固定盒子。你改写 let x = 5，不是往某个地址塞了数字 5，而是让标识符 x 当前指向一个数字值；再执行 x = "hello"，x 就转而指向一个字符串——类型可变，绑定可重置。

用 const、let、var 的区别在哪

三者核心差异在作用域、提升（hoisting）和重复声明行为，不是“能不能改值”这么简单：

• var：函数作用域，会被提升到函数顶部，允许重复声明（但不推荐），全局下会挂到 window（浏览器）
• let：块级作用域（{} 内），提升但不初始化（暂时性死区 TDZ），禁止重复声明
• const：块级作用域，也受 TDZ 约束，**声明时必须赋值**，且不能重新赋值（注意：对象/数组内容仍可修改）

function demo() {
  console.log(a); // undefined（var 提升并初始化为 undefined）
  var a = 1;

  console.log(b); // ReferenceError: Cannot access 'b' before initialization
  let b = 2;

  const obj = { x: 1 };
  obj.x = 2;     // ✅ 允许：修改对象属性
  obj = {};      // ❌ 报错：试图重新赋值 const 绑定
}

什么时候该用 const 而不是 let

默认优先用 const——只要你不打算对这个标识符做「重新赋值」操作。这不是风格偏好，而是减少意外重写、帮助静态分析、明确意图。

• 函数参数名一般不用 const（参数绑定由调用决定）
• 循环变量用 for (const item of arr) 安全且清晰；但 for (let i = 0; i 必须用 let，因为 i++ 是重新赋值
• 解构赋值如 const { name, age } = user，每个解出来的变量都应是 const，除非后续真要改它
• 模块顶层导出常量（export const API_URL = "https://api.example.com"）必须用 const

常见错误：变量未声明就使用或拼错名

JavaScript 在非严格模式下对未声明变量赋值会悄悄挂到全局（foo = 42 → window.foo = 42），严格模式直接报 ReferenceError。更隐蔽的是拼写错误：

"use strict";
let userName = "Alice";
console.log(username); // ReferenceError: username is not defined（少了个大写 A）

• 永远开启 "use strict"（现代模块默认严格模式）
• 编辑器开 ESLint，规则 no-undef 和 no-unused-vars 能抓大部分问题
• 避免单字母变量（u, l），尤其易混淆的 l（小写 L）和 1（数字一）
• 函数内不要用 this 指代当前作用域变量——this 是运行时绑定，和变量无关

变量没那么玄乎，但它的行为细节（比如 TDZ、提升时机、const 对对象的限制）一旦忽略，就会在异步、循环或重构时突然冒出来。别靠记忆，把 const 当默认，把 let 当例外，把 var 当历史遗留。