Javascript的分配問題

Question

我試圖改變一個Javascript對象的結構，我不明白我從日誌中收到的結果。

我有以下對象：a = {e: 1, f: 2}

我想將它移動到a.b

如果我做a.b = a然後我得到這些結果：

console.log(a) // {e: 1, f: 2} 
console.log(a.b) // {e: 1, f: 2} 

雖然我期待着什麼樣此：

console.log(a) // {b: {e: 1, f: 2}} 
console.log(a.b) // {e: 1, f: 2} 

有人可以解釋爲什麼發生這種情況嗎？

Answer 1

a.b = a簡單地分配a.b作爲參考a，這會導致a成爲一個遞歸對象：

var a = {e: 1, f: 2}; 
 
a.b = a; 
 

 
console.log(a.e, a.f); //1 2 
 
console.log(a.b.e, a.b.f); //1 2 
 
console.log(a.b.b.e, a.b.b.f); //1 2 
 
console.log(a.b.b.b.e, a.b.b.b.f); //1 2

實際移動a的屬性爲a.b，你需要覆蓋現有對象，將新屬性b指定爲其現有值：

var a = {e: 1, f: 2}; 
 

 
a = {b: a}; 
 

 
console.log(a); //{b: {e: 1, f: 2}}

Answer 2

在JS中指定一個值不會移動它會複製它。

您正在將b屬性添加到現有對象。

它不會顯示在日誌中，因爲console.log通過不顯示屬性來保護自己免受無限遞歸。