今天看技術(shù)群里談?wù)撨B續(xù)賦值運(yùn)算的問題，justjavac直接拿出了十年前的文章
文章舅桩，不愧是大神，10年前就有研究雨膨，在這里分享下我的理解：
一. 兩個順序問題
1. js的代碼（不考慮變量提升擂涛、異步操作），它的執(zhí)行順序是從上倒下聊记，從左到右的撒妈，一行一行的執(zhí)行的。
2. 賦值運(yùn)算有以下兩種形式：
- 簡單的賦值運(yùn)算=：把等號右側(cè)操作數(shù)的值直接復(fù)制給左側(cè)的操作數(shù)排监，因此左側(cè)操作數(shù)的值會發(fā)生變化狰右。
- 附加操作的賦值運(yùn)算：賦值之前先對右側(cè)操作數(shù)執(zhí)行某種操作，然后把運(yùn)算結(jié)果復(fù)制給左側(cè)操作數(shù)舆床。
注意棋蚌，賦值運(yùn)算是從右往左進(jìn)行復(fù)制的
二. JS內(nèi)存的基礎(chǔ)知識
JS的引用數(shù)據(jù)類型，比如數(shù)組Array挨队，它們值的大小是不固定的谷暮。引用數(shù)據(jù)類型的值是保存在堆內(nèi)存中的對象。
JavaScript不允許直接訪問堆 內(nèi)存中的位置盛垦，因此我們不能直接操作對象的堆內(nèi)存空間湿弦。在操作對象時，實際上是在操作對象的引用而不是實際的對象腾夯。
因此颊埃，引用類型的值都是按引用訪問的。這里的引用蝶俱，我們可以粗淺地理解為保存在變量對象中的一個地址班利，該地址與堆內(nèi)存的實際值相關(guān)聯(lián)。
這里不做過多介紹跷乐，可以百度下堆棧的相關(guān)知識即可肥败。
具備上述基礎(chǔ)后，下面的題就很好理解了
第一題：
var a = {n:1};
var b = a;
a = {n:2};
a.x = a;
console.log(1,a); // { n: 2, x:{ n: 2, x:{ n: 2,x:{...循環(huán) } } } }
console.log(2,a.x); // { n: 2, x:{ n: 2, x:{ n: 2,x:{...循環(huán) } } } }
console.log(3,b); // {n: 1}
console.log(4,b.x); // undefined
分析：
var a = {n:1}; // 開辟一塊內(nèi)存空間a，在棧內(nèi)存中存入{n:1}的指針0x0012ffc
var b = a; // 開辟一塊內(nèi)存空間b馒稍，在棧內(nèi)存中存入{n:1}的指針0x0012ffc
a = {n:2}; // 更改a的指向為0x0012ffd
a.x = a; // 創(chuàng)建x屬性皿哨，并將x屬性存入a的指針0x0012ffd
因此b一直指向指針0x0012ffc的地址，所以打印的結(jié)果很好理解纽谒。
a有x屬性证膨，x屬性指向a，一直循環(huán)鼓黔。因此console.log(1,a);console.log(2,a.x);打印出來是循環(huán)引用的樣子央勒。
第二題：
var a ={n:1};
var b = a;
a.x=a={n:2};
console.log(1,a); // {n: 2}
console.log(2,a.x); // undefined
console.log(3,b); // {n: 1, x: { n: 2 }}
console.log(4,b.x); // {n: 2}
分析：
var a = {n:1}; // 開辟一塊內(nèi)存空間a，在棧內(nèi)存中存入{n:1}的指針0x0012ffc
var b = a; // 開辟一塊內(nèi)存空間b澳化，在棧內(nèi)存中存入{n:1}的指針0x0012ffc
a.x=a={n:2}; // 1. 創(chuàng)建a的屬性崔步；2.更改a的指向為0x0012ffd；3. 給x賦值{n:2}的指針0x0012ffd
這里需要注意順序問題先創(chuàng)建a的屬缎谷，在從右向左進(jìn)行賦值運(yùn)算井濒。
console.log(1, a); // 打印時候先找a的指針，指向為0x0012ffd {n:2},因此打印為{n:2}列林。
console.log(2, a.x); // 打印時候先找a的指針瑞你，指向為0x0012ffd {n:2},不包含a的屬性，因此打印為undefined希痴。
console.log(3,b); // 打印時候先找b的指針者甲，指向為0x0012ffc,如下圖，因此打印為{n: 1, x: { n: 2 }}
