在ES6中（也叫ECMAScript 2015），let和const是两个新的关键字，用于声明变量。在之前的版本中，var是唯一的变量声明关键字。然而，let和const为前端开发者带来了一个更好的块级作用域，一个更好的const声名，以及对存在变量的活动性（hoisting）的更好的理解。
let 声明变量
使用let关键字声明的变量是块级作用域变量。这意味着在声明块外的地方，变量是不可用的。这是一个非常好的特性，因为它确保了变量的作用域不会超过它最基本的需求。现在，你可以在你的代码块中声明变量，而不用担心变量泄漏出去。
示例代码
-- -------------------- ---- -------
-- -- --- ----
-------- ---------- -
--- - - ---
-- ------ -
--- - - ---
--------------- -- -- --
-
--------------- -- -- --
-
-- -- --- ----
-------- ---------- -
--- - - ---
-- ------ -
--- - - ---
--------------- -- -- --
-
--------------- -- -- --
-在上面的示例代码中，使用var关键字声明的变量是在if块内和外面都是有效的。这是因为它们被提升到函数作用域的顶部，但是使用let关键字声明的变量只能在块级作用域内使用。
const 声明变量
const是另一个新的关键字，用于声明常量变量。一旦一个常量被声明，它的值就不能被改变。这是一种非常好的方式来确保代码的可靠性。
示例代码
const pi = 3.1416; pi = 3.14; // 会发生错误
你可以看到，在上面的示例中，常量pi被声明为一种不能改变的值，并且尝试改变它会导致一个错误。
活动性（hoisting）的改进
在早期版本的JavaScript中，变量声明被提高到作用域的顶部。这意味着你可以在变量声明之前引用变量。这被称为活动性（hoisting）。然而，在这种情况下，变量的值将是undefined，因此它并不是一个非常好的方式来使用变量。在ES6中，let和const都被引入作为块级作用域变量，因此，该问题已经得到了解决。
示例代码
console.log(x); // 输出 undefined var x = 5; console.log(y); // 抛出 ReferenceError let y = 6;
在上面的示例代码中，使用var关键字声明的变量会被提升到函数作用域的顶部，并且在声明之前可以被引用。但是，使用let关键字声明的变量，在声明之前的任何地方都是无效的，并且会抛出一个ReferenceError。
结论
使用let和const关键字来声明变量是一种非常好的方式来保证你的代码更稳定、更可靠。块级作用域、常量变量和活动性的改进都是使JavaScript开发变得更加优秀的门户。
鼓励你在你的项目中使用let和const，以确保你的变量总是在正确的作用域中，并且不能被无意中改变。
示例代码
for (let i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}上述示例代码中，使用let来声明变量，确保我们在循环内部有一个新的块级作用域。这使得每个setTimeout闭包都包含了一个相应的i值，从而避免了一些常见的并发问题。在旧版本的JavaScript中，我们需要使用闭包来避免这些问题，所以使用块级作用域变为更容易。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6729ecedddd3a70eb6ceba69