JavaScript 變數屏蔽

標籤：def   log   名稱   ons   直接   color   修改   div   java   

不同範圍中相同名稱的變數就會觸發變數屏蔽：

{    let x = {color:"blue"};    let y = x;    let z = 3;    {        //重複定義x，所以對全域變數x進行了變數屏蔽        let x = 5;        console.log(x);        //未重定義y，所以變數y.color不變        console.log(y.color);        //x已經被重定義，所以x.color不存在，undefined        console.log(x.color);        //直接是對對象y的修改，        //let y = {color:"red"} 前面對y的引用會報錯undefined        y.color = "red";        console.log(z);    }    console.log(x.color);//red    console.log(y.color);//red    console.log(z)//3}

範圍鏈。如果該範圍中未找到變數的定義，則會到上一級查詢，如果在該作用於中已經定義同名變數，則會屏蔽上一級。且必須遵循先聲明再使用的原則。

JavaScript 變數屏蔽