深淺拷貝

對(duì)象類型在賦值的過程中實(shí)際上是復(fù)制了地址，從而導(dǎo)致了其中一方被改變其他也都被改變的情況，在開發(fā)中我們通常不希望出現(xiàn)這樣的問題，這里可以使用淺拷貝來解決這個(gè)情況。

let a = { name: "Jack" }
let b = a
a.name = "Rose"
console.log(b.name) // Rose

什么是淺拷貝？如何實(shí)現(xiàn)淺拷貝？

首先我們可以通過Object.assign來實(shí)現(xiàn)淺拷貝，該函數(shù)只會(huì)拷貝所有的屬性值到新的對(duì)象中，如果屬性值是對(duì)象的話，拷貝的是地址，即為淺拷貝而不是深拷貝。
以下為Object.assign淺拷貝的簡單實(shí)現(xiàn)：

let a = { name: "Jack" }
let b = Object.assign({}, a)
a.name = "Rose"
console.log(b.name) // Jack

還可以通過展開運(yùn)算符...來實(shí)現(xiàn)淺拷貝：

let a = { name: "Jack" }
let b = { ...a }
a.name = "Rose"
console.log(b.name) // Jack

但是，淺拷貝只解決了第一層的問題，如果對(duì)象下還有對(duì)象的話，那么又回到最開始的問題了，第二層的對(duì)象拷貝過來的只是地址，兩者享有相同的地址，這時(shí)就需要用到深拷貝了。

什么是深拷貝？如何實(shí)現(xiàn)深拷貝？

我們通常使用JSON.parse(JSON.stringify(object))來解決：

let a = {
    name: "Jack",
    parents: { mother: "Mom" }
}
let b = JSON.parse(JSON.stringify(a))
a.parents.mother = "Mama"
console.log(b.parents.mother) // Mom

但是該方法具有以下局限性：

• 會(huì)忽略u(píng)ndefined
• 會(huì)忽略symbol
• 不能序列化函數(shù)
• 不能解決循環(huán)引用的對(duì)象

遇到函數(shù)、undefined和symbol時(shí)，會(huì)直接忽略掉他們，該對(duì)象不能正常的序列化，此時(shí)我們需要實(shí)現(xiàn)一個(gè)更為完善的深拷貝。

手寫一個(gè)深拷貝

function deepClone(obj) {
    // 首先刨除數(shù)組和對(duì)象外的所有類型，包括null
    if (typeof obj !== 'object' || obj == null) {
        return obj
    }

    // 創(chuàng)建一個(gè)result變量，存入深拷貝的結(jié)果
    let result

    // 判斷obj是數(shù)組還是對(duì)象，并相應(yīng)初始化
    if (obj instanceof Array) {
        result = []
    } else {
        result = {}
    }

    // 采用遞歸的思想，將每一層嵌套deepClone修改
    for (let key in obj) {
        // 在拷貝時(shí)我們只拷貝對(duì)象的原有屬性，而不拷貝其原型的屬性
        if (obj.hasOwnProperty(key)) {
            result[key] = deepClone(obj[key])
        }
    }

    // 最后返回深拷貝的結(jié)果
    return result
}

小結(jié)：以上深拷貝的方法依然只是較為簡易的，要想實(shí)現(xiàn)一個(gè)比較完美的深拷貝其實(shí)是很困難的，需要我們考慮很多種邊界情況，比如原型鏈如何處理、DOM如何處理等。該deepClone函數(shù)就有兩個(gè)較為明顯的問題，一是沒有解決對(duì)象的循環(huán)引用的問題（參考方案：用弱映射做一個(gè)哈希表，存儲(chǔ)原對(duì)象，若緩存命中，則過濾本次拷貝，直接使用記憶化數(shù)據(jù)，否則惰性拷貝。一般不是為了解決IE的兼容性問題，都沒有問題，考慮兼容性則按需墊片。生產(chǎn)環(huán)境其實(shí)還需要考慮其它類型的拷貝，一般直接使用輔助工具庫?？偠灾?，按需拷貝）；二是無法實(shí)現(xiàn)函數(shù)的拷貝。