es6 let知识点

es6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块({}中的语句)内有效。

作用范围：代码块中

认识代码块：

在JS中可以使用{}来为语句进行分组，同一个{}中的语句我们称为是一组语句， 它们要么都执行，要么都不执行；

一个{}中的语句我们也称作一个代码块， 在代码块的后面就不编写；了

for(){}，整体是一个块级作用域。

q:一个script标签属于一个代码块吗

a:查找到的:如果遇到一个script标签，则JavaScript解释器会等到这个代码块都加载完成后,

说明一个script标签是一个代码块

q:代码块里如果嵌套了子级的代码块，则外层的let能在子级中读取到吗？

a:应该可以，子级代码块也包裹在外层代码块中 ,代码中也得到了证明

{
        let out=222
        {
            console.log(out);//输出：222
        }
    }

var

很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，js用var声明的变量有两种作用域，全局和函数作用域

不存在变量提升

何为变量提升？

即变量可以在声明之前使用，值为undefined，如var命令会发生“变量提升”现象，

有些奇怪，照一般的逻辑，变量应该在声明语句之后才可以使用。

为什么let不存在变量提升，主要为了纠正var声明的变量“变量提升”现象，使得变量要先声明才能用

console.log(foo); //输出undefined，因为var声明的变量，存在变量提示
    var foo=1;

console.log(bar);
//报错Uncaught ReferenceError: Cannot access 'bar' before initialization
//let 不存在变量提升
let bar=22;

暂时性死区

解释：块级作用域内用let声明的变量，就“绑定”（binding）在这个区域，不再受外部的影响。

var temp=134;
{ 
  temp=1;
  //Uncaught ReferenceError: Cannot access 'temp' before initialization
  // 此处 let 声明了temp，使得该变量，只受块级域影响，
  //忽略外部的声明,而了let声明的变量要先声明才能用，所以此处先使用报错
  let temp;
  }

总之，在代码块内，变量会被let声明，在使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”。

不允许重复声明

let 不允许在哪重复声明变量？

let不允许在相同作用域内，重复声明同一个变量。

 {
    let a=1;
    let a=2;//Cannot redeclare block-scoped variable 'a'
  }
  function fun(a){
      let a=1;//Uncaught SyntaxError: Identifier 'a' has already been declared
  }
  fun();

  function test(c){
      //形参c属于该块级作用域，函数之间的花括号
      {
          let c=2; //这样写不报错，因为这个不在同一个块级作用域
      }
  }
  test();

参考 https://www.bookstack.cn/read/es6-3rd/spilt.1.docs-let.md