今天遇到了一個連續賦值的經典案例,網友們給出的答案也是五花八門,看起來有些繁瑣,我也來說說自己的看法。 下麵就是這個經典案例: 我們先來看一下普通連續賦值,即:變數賦值的類型是數據類型值 一般來說,等號賦值的方向是從右至左,那麼上面的代碼等同於下麵這段代碼,那麼我們就用下麵這段代碼來解釋上面的代碼: ...
今天遇到了一個連續賦值的經典案例,網友們給出的答案也是五花八門,看起來有些繁瑣,我也來說說自己的看法。
下麵就是這個經典案例:
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a);
console.log(b);
console.log(a.x);
console.log(b.x);
我們先來看一下普通連續賦值,即:變數賦值的類型是數據類型值
var a=3;
var b=a=5;
console.log(a);
console.log(b);
一般來說,等號賦值的方向是從右至左,那麼上面的代碼等同於下麵這段代碼,那麼我們就用下麵這段代碼來解釋上面的代碼:
var a=3; //全局變數a被賦值為3
var a=5; //此時a被重新賦值為5
var b=a; //將a的值賦給全局變數b
console.log(a);//a最終的值就是第二次被賦的值:5
console.log(b);//按照代碼執行順序b的值也是:5
上面的小案例用來拋磚引玉,現在我們來分析這個經典案例:
var a = {n: 1};//a第一次被賦值,是一個引用類型值,請記得變數賦值為引用類型值的時候,通過變數改變這個對象的時候,對象本身也發生了變化 var b = a;//b被賦值為a,因此b就是對象{n:1}
a.x = a = {n: 2};
//這個賦值與之前的簡單案例有所不同,a.x指的是給a添加一個x屬性,在js的運算中“.”和"="運算符同時出現,會先執行"."運算
//因此,賦值順序被改變了,是先給a.x賦值,再給a賦值
//就是先執行:a.x={n:2},註意這裡a並未改變,是給a的x屬性賦值為{n:2},a還是{n:1}
//再回到我代碼中的第一句話,這個賦值行為,改變了{n:1}這個對象,即給它增加了名為x的屬性
//再執行a={n:2},這是變數a不再是對象{n:1},而被重新賦值為一個新的對象{n:2}; console.log(a);//自然此時a是對象{n:2}
console.log(b);//a的二次賦值,並沒有影響b,b還是對象{n:1},但是由於a在重新賦值之前,給{n:1}這個對象,增加了一個x屬性,因此,這時的b已經有了x屬性 console.log(a.x);//{n:2}對象沒有x屬性,所以結果是undefined console.log(b.x);//綜上所述,這個結果是{n:2}
不知道您理解了嗎?為了照顧初學者我用了最簡單易懂甚至有些啰嗦的話來解釋我對這個案例的認識,歡迎有識之士點評和交流!