javascript中深拷貝與淺拷貝的區別是什么

深拷貝概念

一個引用對象一般來說由兩個部分組成：一個具名的Handle，也就是我們所說的聲明（如變量）和一個內部（不具名）的對象，也就是具名Handle的內部對象。它在Manged Heap（托管堆）中分配，一般由新增引用對象的New方法是進行創建。深拷貝是指源對象與拷貝對象互相獨立，其中任何一個對象的改動都不會對另外一個對象造成影響。舉個例子，一個人名叫張三，后來用他克隆（假設法律允許）了另外一個人，叫李四，不管是張三缺胳膊少腿還是李四缺胳膊少腿都不會影響另外一個人。比較典型的就是Value（值）對象，如預定義類型Int32，Double，以及結構（struct），枚舉（Enum）等。

淺拷貝概念

淺拷貝只復制指向某個對象的指針，而不復制對象本身，新舊對象還是共享同一塊內存。但深拷貝會另外創造一個一模一樣的對象，新對象跟原對象不共享內存，修改新對象不會改到原對象。

JS中深拷貝和淺拷貝區別？

兩者的區別在于是否是真正獲取了一個對象的復制實體，而不是引用，深拷貝在計算機中開辟了一塊內存地址用于存放復制的對象，而淺拷貝僅僅是指向被拷貝的內存地址，如果原地址中對象被改變了，那么淺拷貝出來的對象也會相應改變。

深拷貝

最簡單的方法就是

JSON.parse(JSON.stringify（））
function deepCopy(o) {
    return JSON.parse(JSON.stringify(o))
}
var c = {
    age: 1,
    name: undefined,
    sex: null,
    tel: /^1[34578]\d{9}$/,
    say: () => {
        console.log('hahha')
    }
}
// { age: 1, sex: null, tel: {} }

需要注意的是：這種拷貝方法不可以拷貝一些特殊的屬性（例如正則表達式，undefine，function）

用遞歸去復制所有層級屬性

function deepCopyTwo(obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if (obj && typeof obj == 'object') {
        for (const key in obj) {
            //判斷obj子元素是否為對象，如果是，遞歸復制
            if (obj[key] && typeof obj[key] === "object") {
                objClone[key] = deepCopyTwo(obj[key]);
            } else {
                //如果不是，簡單復制
                objClone[key] = obj[key];
            }
        }
    }
    return objClone;
}

淺拷貝

object.assign(target,source)

Object.assign 方法只復制源對象中可枚舉的屬性和對象自身的屬性

如果目標對象中的屬性具有相同的鍵，則屬性將被源中的屬性覆蓋。后來的源的屬性將類似地覆蓋早先的屬性

Object.assign 會跳過那些值為 [null] null 是一個 JavaScript 字面量，表示空值（null or an "empty" value），即沒有對象被呈現（no object value is present）。它是 JavaScript 原始值 之一。") 或 undefined 的源對象。

以上就是JS中深拷貝和淺拷貝區別？的詳細內容，更多請關注億速云其它相關文章！