當我修改克隆的obj（使用{...}）時，爲什麼obj會發生變異？

Question

讓我們拿一個物體d。

var d = { 
    "e":{ 
    "f": 3 
    } 
} 

現在複製d到t與{...}和分配新的道具。

var t = {...d} 
t.e._f = 4 

爲什麼對象d被突變爲

{ 
    "e": Object { 
    "_f": 4, 
    "f": 3 
    } 
} 

Answer 1

你正在做的淺拷貝。 {...d}相當於Object.assign({}, d)，後者依次複製屬性一個級別的深度。 Docs。

對於深克隆，我們需要使用其他的替代品，因爲 Object.assign（）副本的屬性值。如果源值是對對象的 引用，則它只複製該引用值。

因此t.e === d.e引用同一個對象。