ES6块级作用域绑定let和const

ES6块级作用域绑定

var声明与作用域提升问题

在下面的函数当中我们在不传入condition的情况下任然可以获取到声明的value变量。

function getValue(condition) {
    if (condition){
        var value = "blue"
        return value
    }else{
        return null
    }
}

我们队这段代码测试发现我们在没有传入condition的情况下也是可以获取value得值得，但是我们随便输入一个变量是不可以获取得，可以证明当前声明的变量被提升了。从而引出了
在函数作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成当前作用域顶部声明的变量，这就是我们常说的变量提升机制。 其实这样是不合理的，我们在else的情况下不应该可以访问到当前的value的

为了解决这一问题，ES6提供了块级声明

块级声明

1.let 将当前变量的作用域限制在当前代码块当中,这个时候我们就不可以在次访问value这个值了

function getValue(condition) {
   if (condition){
       let value = "blue"
       return value
   }else{
       return null
   }
}

禁止重复声明变量

var可以重复定义变量，但是let不可以

var aa = 22 //
let aa =33 //Uncaught SyntaxError: Identifier 'aa' has already been declared
var aa =44 //succeed

2. const 其值一旦设定后就无法修改。每个const在声明的时候就需要初始化，const声明已存在的标识符也会报错

const bb=1
undefined
bb=2 //   Assignment to constant variable.

let和const都是块级标识符，所以只在当前代码块当中有效，const不可以修改绑定但是可以修改绑定对象的值

临时死区

JavaScript引擎在扫描代码发现变量声明时，要么将他们提升到作用域的顶部（var），要么将声明放在TDZ中（let const）访问tdz中的变量会报错，只有从TDZ当中移除才可以正常访问

全局块作用域绑定

当var被用于全局作用域时，他会创建一个新的全局变量作为全局对象（浏览器中的Windows对象）有可能在无意中就覆盖掉其他绑定在window上面的值二let和const则不会覆盖掉全局作用域当中的值