JavaScript中var、let、const的适用场景及现代选型建议

一、三者的特定用途 #

• var：函数级作用域，存在变量提升，是ES6推出前唯一的变量声明方式。如今仅在需要兼容IE10及更早的老旧浏览器时才会用到，但这类需求已经非常罕见。
• let：块级作用域（被{}包裹的代码块），不存在变量提升，声明后可重新赋值。适合那些需要在块内复用、后续会修改值的场景，比如循环计数器、临时状态变量。
• const：块级作用域，声明时必须初始化，且不能重新赋值（注意：如果是对象/数组这类引用类型，内部的属性或元素是可以修改的）。适合声明不会被重新赋值的变量，比如固定常量、配置项、函数引用等，能让代码的语义更清晰，减少意外修改的风险。

二、能不能全程只用一种？ #

理论上可行，但非常不推荐：

• 全程用var：会遇到作用域混乱（比如循环变量泄露到块外）、变量提升导致的意外bug，代码后续维护起来会很头疼。
• 全程用let：虽然能规避var的问题，但无法明确标记那些不需要修改的变量，降低了代码的可读性和语义性。
• 全程用const：对于需要重新赋值的变量（比如循环里的i），只能通过额外的写法绕开，反而增加代码复杂度。

三、当下最优选型方案 #

在支持ES6+的主流开发环境（现代浏览器、Node.js）中，优先遵循以下规则：

1. 优先用const：只要变量不需要重新赋值，就选它——这应该是你的默认选择，能明确表达变量的不可变性，减少不必要的bug。
2. 其次用let：当变量后续需要修改时再使用，比如循环变量、需要切换状态的变量。
3. 尽量不用var：除非你必须兼容极老旧的浏览器，不过现在大部分项目会通过Babel转译来处理兼容性，几乎不需要直接写var。

选型绝对不是无关紧要的小事，它直接影响代码的可读性、可维护性，甚至能提前规避很多潜在bug。

内容的提问来源于stack exchange，提问作者Maame Afia