JavaScript 中let的使用 块作用域。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问
https://blog.csdn.net/weixin_42754922/article/details/122259217

        在 ES2015 之前，JavaScript 只有两种类型的作用域：全局作用域和函数作用域。

1. 全局（在函数之外）声明的变量拥有全局作用域，全局变量可以在 JavaScript 程序中的任何位置访问。

   var carName = "porsche"; // 此处的代码可以使用 carName function myFunction() {  // 此处的代码也可以使用 carName}

2. 局部（函数内）声明的变量拥有函数作用域，局部变量只能在它们被声明的函数内访问。

   // 此处的代码不可以使用 carName function myFunction() {  var carName = "porsche";  // code here CAN use carName} // 此处的代码不可以使用 carName

3. 在 ES2015 之前，JavaScript 是没有块作用域的。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问：

   {   let x = 10;}// 此处不可以使用 x

   简单例子来看下let和var的区别：

   //使用varvar x = 10;// 此处 x 为 10{   var x = 6;  // 此处 x 为 6}// 此处 x 为 6, 在块中重新声明变量也将重新声明块外的变量/********************************///使用letvar x = 10;// 此处 x 为 10{   let x = 6;  // 此处 x 为 6}// 此处 x 为 10, 在块中重新声明变量不会重新声明块外的变量

4.  使用 JavaScript 的情况下，全局作用域是 JavaScript 环境。在 HTML 中，全局作用域是 window 对象。

     通过 var 关键词定义的全局变量属于 window 对象：

   var carName = "porsche";// 此处的代码可使用 window.carName

     通过 let 关键词定义的全局变量不属于 window 对象：

   let carName = "porsche";// 此处的代码不可使用 window.carName

5. 在相同的作用域，或在相同的块中，使用 var 和let重新声明 JavaScript 变量遵循以下规则：

   {  var x = 10;  // 现在，x 为 10  var x = 6;   // 现在，x 为 6} {  var x = 10;  let x = 6;   // 不允许} {  let x = 10;  var x = 6;   // 不允许} {  let x = 10;  let x = 6;   // 不允许} 

6. 通过 var 声明的变量会提升到顶端。通过 let 定义的变量不会被提升到顶端。在声明 let 变量之前就使用它会导致 ReferenceError。

   // 在此处，可以使用 carNamevar carName;

   // 在此处，不可以使用 carNamelet carName;