ES6新特性总结之let和const--史上最全最简洁

153 阅读1分钟

1、let, const

let注意:
  • 没有预解析,不存在变量提升;在代码块内,只要let定义变量,在之前使用,都是报错;先定义完,再使用
  • 同一个作用域不能重复定义变量
  • for循环,for循环里面是父级作用域,里面又一个(解释一下:当for(let i=0;i<3;i++){let i="aaa"}  不会报错,因为{}是子作用域)
var a = 12;
if(true){
    console.log(a); //TDZ开始  暂时性死区       报错,a is not defined
    let a = 5;  //TDZ 结束
}

const: 特性跟let一样,const定义变量不能修改,且定义的时候必须有值,不能后赋值,不能修改。

但是

const arr = ['vue','rn'];
arr.push('angular'); //不会报错,且会push成功,因为arr是引用值
arr = [];//会报错,因为是const定义的

若想让arr不能执行push等操作,可以用  const arr = Object.freeze(['vue','rn'])

建议:以后就用let,不要再使用var

用var定义一个全局变量属于widow,而let和const不同


未完待续......