web前端培训 - let关键字声明块范围的变量

JavaScript let 关键字简介

在 ES5 中，当我们使用 var 关键字声明一个变量时，变量的作用域要么是全局的，要么是局部的。如果在函数之外声明变量，则变量的范围是全局的。在函数内声明变量时，变量的作用域是局部的。

ES6 提供了一种使用 let 关键字声明变量的新方法。let 关键字类似于 var 关键字，只是这些变量是块作用域的。例如：

let variable_name;
在 JavaScript 中，块用花括号 {} 表示，例如 if else、for、do while、while、try catch 等：
if(condition) {
// inside a block
}
请参阅以下示例：
let x = 10;
if (x == 10) {
let x = 20;
console.log(x); // 20: reference x inside the block
}
console.log(x); // 10: reference at the begining of the script
脚本的工作原理：

首先，声明一个变量x并将其值初始化为 10。

其次，x在if块内声明一个同名的新变量，但初始值为 20。

第三，输出块x内和if块后 变量的值。

因为let关键字声明了一个块范围的变量，块x内的变量if是一个新变量，它隐藏了x在脚本顶部声明的变量。因此，x控制台中的值为20。

当 JavaScript 引擎完成执行if块时，块x内的变量if超出范围。因此， 块x后面的变量