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

一、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定義變量不能修改,且定義的時候必須有值,不能後賦值,不能修改。vue

可是
bash

const arr = ['vue','rn'];
arr.push('angular'); //不會報錯,且會push成功,由於arr是引用值
arr = [];//會報錯,由於是const定義的複製代碼

若想讓arr不能執行push等操做,能夠用  const arr = Object.freeze(['vue','rn'])ui

建議:之後就用let,不要再使用varspa

用var定義一個全局變量屬於widow,而let和const不一樣
code


未完待續......
作用域

相關文章
相關標籤/搜索