在 JavaScript 中，我们通常使用关键字 var 来声明变量。但是，自从 ES6（也称为 ECMAScript 2015）发布之后，新的变量声明方式 let 和 const 也成为了可选的选项。在本文中，我们将详细介绍 let 命令的用法及注意事项。
let 命令的用法
通过使用 let 命令声明一个变量，其作用域被限定在块级作用域内。块级作用域可以是花括号内的任何代码块，例如函数内部、循环内部甚至是一个简单的代码块。这与使用 var 声明变量时，变量作用域的范围不同。例如：
-- -------------------- ---- -------
-------- ----- -
--- - - --
--------------- -- -- -
-- ------ -
--- - - --
--------------- -- -- -
-
--------------- -- -- -
-
-------- ----- -
--- - - --
--------------- -- -- -
-- ------ -
--- - - --
--------------- -- -- -
-
--------------- -- -- -
-上面的代码输出了两个不同的结果。在函数 foo 中，由于 var 声明的变量 x 的作用域不受块级作用域的限制，因此在 if 语句块内部重新声明 x，并且重新赋值后，x 的值在函数内部都被改变。而在函数 bar 中，由于使用了 let 命令声明的变量 y，其作用域被限定在相应的块级作用域内。在 if 语句块内部重新声明 y 并重新赋值后，原先的 y 值不受影响。
let 命令的注意事项
使用 let 命令声明变量时，需要注意以下几点：
1. 不允许重复声明
在同一个块级作用域内，let 命令不能重复声明同一个变量。例如：
function baz() {
let z = 1;
let z = 2; // 报错
}上面的代码会报错，因为在函数 baz 中，使用 let 命令声明了同一个变量 z 两次。而使用 var 命令则没有此限制。
2. 暂时性死区
使用 let 命令声明变量时，如果在块级作用域内存在 let 命令声明的变量，那么在这个变量之前的代码中，所有对这个变量的引用都会报错。这种现象被称为“暂时性死区”。例如：
function qux(x = y, y = 2) {
console.log(x, y);
}
qux(); // 报错：Uncaught ReferenceError: Cannot access 'y' before initialization上面的代码会报错，因为在函数 qux 中，使用了 let 命令声明变量 y，而后面 x 的默认值却需要用到 y。这时候，因为 y 还没有初始化，因此会报错。
3. 循环中的 let
在循环中使用 let 命令声明变量时，可以防止变量泄漏。例如：
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}上面的代码会依次输出 0、1、2，因为使用 let 命令声明变量 i 时，每次循环会重新声明一个新的块级变量，因此这里不会出现变量泄漏的问题。
总结
let 命令的出现使得在 JavaScript 中声明变量的方式更加灵活。使用 let 命令时需要注意，在同一个块级作用域内不能重复声明同一个变量；使用 let 命令声明变量时，变量在出现之前无法被访问，会出现暂时性死区；而在循环中使用 let 命令声明变量时，可以防止变量泄漏。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6461a776968c7c53b0301a56