JavaScript let关键字是ES6标准中新增的变量声明方式，它的出现解决了var声明变量时存在的诸多作用域问题，让变量作用范围的控制更加精准，是日常开发中推荐优先使用的变量声明关键字。
let的基本声明语法
let的声明语法和var类似，支持直接声明变量并赋值，也支持先声明后赋值，但是二者在作用域规则上存在本质区别。
// 基本声明示例 let userName = '张三'; let userAge; userAge = 25; console.log(userName); // 输出 张三 console.log(userAge); // 输出 25
块级作用域的核心特性
块级作用域是指由一对花括号{}包裹起来的代码区域，let声明的变量只在当前的块级作用域内有效，超出这个区域就无法访问。
块级作用域的常见场景
- if判断语句的花括号内部
- for循环的花括号内部
- 普通代码块
{}内部
以下示例可以直观体现let的块级作用域特性：
if (true) {
let tempValue = '块内变量';
console.log(tempValue); // 输出 块内变量
}
// 在块外访问tempValue会报错
console.log(tempValue); // Uncaught ReferenceError: tempValue is not defined
和var的作用域对比
var声明的变量只有函数作用域和全局作用域，不存在块级作用域，在块内声明的var变量会被提升到当前函数或全局作用域中。
if (true) {
var varValue = 'var声明的变量';
let letValue = 'let声明的变量';
}
console.log(varValue); // 输出 var声明的变量
console.log(letValue); // 报错，letValue未定义
let的其他重要特性
不存在变量提升
var声明的变量会被提升到作用域顶部，在声明前访问会得到undefined，而let声明的变量不存在提升，在声明前访问会直接报错，这个特性也被称为暂时性死区。
console.log(a); // 输出 undefined var a = 10; console.log(b); // 报错 Uncaught ReferenceError: Cannot access 'b' before initialization let b = 20;
不允许重复声明
在同一个作用域内，let不允许重复声明同一个变量，而var可以重复声明，后面的声明会覆盖前面的。
var num = 1; var num = 2; // 不报错，num最终为2 let count = 1; let count = 2; // 报错 Uncaught SyntaxError: Identifier 'count' has already been declared
for循环中的特殊表现
在for循环中使用let声明循环变量时，每次循环的变量都是独立的副本，而var声明的循环变量是共享同一个变量，这在异步场景中表现差异非常明显。
// 使用var声明循环变量
for (var i = 0; i < 3; i++) {
setTimeout(() => {
console.log(i); // 三次都输出 3
}, 100);
}
// 使用let声明循环变量
for (let j = 0; j < 3; j++) {
setTimeout(() => {
console.log(j); // 依次输出 0 1 2
}, 100);
}
let使用的常见注意事项
- 优先使用let声明变量，减少var的使用，避免作用域混乱问题
- 避免在块级作用域外访问let声明的变量，防止出现引用错误
- 不要在let变量声明前使用该变量，避免触发暂时性死区报错
- 同一个作用域内不要重复声明同一个let变量，保证变量声明的唯一性
总结
let关键字通过块级作用域、无变量提升、禁止重复声明等特性，弥补了var声明变量的诸多缺陷，让JavaScript的变量控制更加严谨。在实际开发中，除了需要兼容极老版本浏览器的场景，都推荐使用let来声明变量，结合const声明常量，能让代码的逻辑更清晰，减少很多难以排查的作用域相关问题。
JavaScriptlet块级作用域变量声明修改时间：2026-07-01 03:33:33