详解ES6 let块级作用域

ECMAScript 6 中let对声明变量有了严格要求,与其es6之前的var有以下区别

• 不存在变量提升

先来解释一下 var变量提升代码
`console.log(a);

var a=“abc”`
浏览器会按以下变量提升来编译代码 ：
1.var a //首先会找代码中是否有var(变量提升)或者function（函数提升），有的话直接将其提前后代码会按从上到下的顺序执行
2. console.log(a)
3.a="abc //将abc赋值给a
所以以上代码输出结果为 //undefined

** es6中let不存在变量提升后输出**
consol.log(a)
let a="abc
输出结果时会报错

• 同一作用域下不能重复定义同一名称

• 有着严格的作用域 （var属于函数作用域 let属于块级作用域）

首先谈一下函数作用域：函数作用域域指的是该变量只能在函数里的这一片的范围起作用，没有在函数里面了，出去之后就不会对函数里面的内容有任何关系了；
es6中的let 加入了块级作用域 用我个人的理解即是在大括号{}这里面即为一个块级作用域 用以下代码来解释这段话的含义

function fun() {
      let n = 10;
      if (true) {
        let n = 100;
      };
      console.log(n);
    }
    fun()// 输出结果为 10

function fun() {
      varn = 10;
      if (true) {
        var n = 100;
      };
      console.log(n);//输出结果为100 
    }
    fun()