JavaScript变量声明与赋值技巧

JavaScript变量声明远不止语法选择，而是关乎代码安全性、可维护性与运行时行为的深层决策：优先用const锁定引用以强制思考数据不变性，用let实现安全的块级可变变量，彻底摒弃var带来的提升与作用域隐患；同时需警惕赋值中的隐式类型转换陷阱，并深刻理解const对对象/数组仅保护引用不保护内容的本质——这些细节共同构成了写出健壮、清晰、易调试JS代码的关键基础。

JavaScript 变量声明和赋值不是“选一种语法就行”，而是得看你要什么行为：是否允许重新赋值、是否要块级作用域、是否会被提升、是否在严格模式下安全。

用 const 声明常量（推荐优先使用）

只要变量值不打算改，就该用 const。它强制你思考数据是否真的会变，也避免意外重赋值。

• const 声明必须初始化，否则报错：SyntaxError: Missing initializer in const declaration
• 不能重复声明同名变量（哪怕在不同块里，只要作用域重叠就会报错）
• 对对象或数组，const 只锁定“引用地址”，内容仍可修改：

  const obj = { a: 1 };
  obj.a = 2; // ✅ 允许
  obj = {};   // ❌ TypeError: Assignment to constant variable

let 替代 var 处理可变变量

需要后续重新赋值，又不想被函数作用域或变量提升搞乱，就用 let。

• let 不会变量提升（ReferenceError 而不是 undefined）
• 有块级作用域：for 循环内声明的 let i 在循环外不可访问
• 不允许在同一作用域重复声明：let x = 1; let x = 2; → SyntaxError
• 别用 var：它有函数作用域、变量提升、允许重复声明——这些全是调试隐患

赋值时注意类型和隐式转换

JavaScript 赋值本身不校验类型，但后续操作可能因类型不对出错。

• 数字字符串相加会拼接：let a = "5"; a + 3 → "53"，不是 8
• 用 === 判断相等，避免 == 的隐式转换陷阱
• 从 DOM 获取的值（如 input.value）永远是字符串，计算前记得转类型：Number(input.value) 或一元加号 +input.value

真正容易被忽略的点是：声明位置和作用域边界。比如在 if 块里用 let 声明，外面就访问不到；而 const 声明的对象属性改了，别人可能误以为“常量没变”——其实引用没变，内容早换了。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。