JavaScript变量声明与赋值技巧

JavaScript变量声明远不止语法选择，而是关乎代码健壮性与可维护性的关键决策：优先用const锁定引用以杜绝意外重赋值，善用let实现安全的块级可变变量，彻底摒弃var避免作用域和提升陷阱；同时需警惕赋值时的隐式类型转换、DOM值的字符串本质，以及const对象内容可变却引用不可变这一常见认知误区——掌握这些细节，才能写出清晰、可靠、不易出错的现代JavaScript代码。

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学习网公众号，一起学习编程~