JS中深拷貝和淺拷貝的區別是什麼，需要具體程式碼範例
在JavaScript中，物件的拷貝分為淺拷貝和深拷貝兩種方式。淺拷貝僅複製物件的引用位址，而深拷貝則是建立一個完全獨立的副本。
淺拷貝是將原始物件的參考位址複製給新對象，它們指向同一塊記憶體空間。當修改其中任意一個物件的屬性時，另一個物件的對應屬性也會被修改。這是因為它們共享相同的記憶體位址。
深拷貝是建立一個全新的對象，並將原對像中的所有屬性逐一複製到新對像中，新對象和原始對象互不影響。即使修改其中一個物件的屬性，另一個物件的屬性也不會受到影響。
下面，我將透過具體的程式碼範例來說明淺拷貝和深拷貝的差異。
首先，我們來看一個淺拷貝的範例：
let obj1 = {name: "Alice", age: 20};
let obj2 = obj1;
obj1.age = 21;
console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 21}在上述程式碼中，我們透過將obj1賦值給obj2實現了一個淺拷貝。當修改obj1的age屬性時，obj2的age屬性也被修改了，這是因為它們指向同一塊記憶體位址。
接下來，我們來看一個深拷貝的範例：
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
let clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
let obj1 = {name: "Alice", age: 20};
let obj2 = deepClone(obj1);
obj1.age = 21;
console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 20}在上述程式碼中，我們定義了一個deepClone函數，用於實現深拷貝。函數首先判斷傳入的參數是否為null或不是物件類型，如果是則直接傳回，否則建立一個與傳入物件類型相同的空物件clone。然後透過遍歷原物件的屬性，遞歸呼叫deepClone函數對每個屬性進行深拷貝，並賦值給對應的clone屬性。最後返回新物件clone。
透過使用deepClone函數，我們實作了對obj1的深拷貝。即使修改了obj1的age屬性，但obj2的age屬性仍然保持不變，這是因為它們是兩個完全獨立的對象。
綜上所述，淺拷貝僅複製物件的引用位址，而深拷貝是建立一個完全獨立的副本。深拷貝能夠保證在修改副本對象時不影響原對象，適用於有嵌套結構的對象拷貝。需要注意的是，在實際開發中，深拷貝可能會導致效能開銷較大，因此需要根據實際情況選擇合適的拷貝方式。
以上是JS中深度複製和淺複製有何不同的詳細內容。更多資訊請關注PHP中文網其他相關文章！
