ES6新特性總結之let和const--史上最全最簡潔

亦世發表於2018-09-28

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不同


未完待續......

相關文章