使用Javascript分配對象：淺層還是深層複製？

Question

我想知道當複製對象時，javascript是否進行淺度或深度複製。

const a = ['value1', 'value2']; 
const b = ['value3', 'value4']; 
const new_ab = [a, b]; 

new_ab將會有新的分配值或參考？如果它是一個很深的複製品，我怎麼能讓它被吞下去？謝謝。

Answer 1

正如評論中暗示的那樣，JavaScript完全依賴於引用，唯一的例外是原始值保存在堆棧中，因此程序不需要引用來訪問它們。在你的例子中，所有的變量聲明都會創建新的值 - 每一個都是一個數組的實例 - 但是聲明一個數組返回的內容是一個引用，而不是數組本身。例如，[1, 2]是一個值（整數）數組，但[a, b]是一個引用數組。

因此... 沒有任何內容被複制。我們可以通過將對象放置爲數組的元素並檢查先前分配的屬性仍然可以通過新的「父」數組來訪問，從而證明這一點。

（並回答在評論你的問題，是的，你的例子是比如果你（或JavaScript）爲複製值更好的性能。）

'use strict'; 
 

 
const arrayOne = []; 
 

 
arrayOne.someProperty = "This string is a property of `arrayOne`, " + 
 
         "accessed via the reference to it in `arrayTwo`." 
 

 
const arrayTwo = [arrayOne]; 
 

 
span.innerHTML = arrayTwo[0].someProperty;

<span id="span"></span>