詳解.assign方法

一、概述

JavaScript中的.assign()方法是用來將一個或多個對象的屬性複製到另一個對象中。

//示例代碼
let obj1 = {a: 1, b: 2};
let obj2 = {c: 3};
let obj3 = Object.assign(obj1, obj2);

console.log(obj3); //輸出 {a: 1, b: 2, c: 3}

.assign()方法接受任意數量的參數，第一個參數是目標對象，其餘參數都是源對象。源對象的屬性將會被複制到目標對象中。如果目標對象中已經有相同屬性，則源對象的屬性值將會覆蓋目標對象的屬性值。

二、複製對象

.assign()方法常用於複製對象。

//示例代碼
let obj1 = {a: 1, b: 2};
let obj2 = Object.assign({}, obj1);

console.log(obj2); //輸出 {a: 1, b: 2}

在上述示例代碼中，通過傳遞一個空對象作為目標對象，可以將源對象完整複製到新的對象中，而不影響源對象本身。

三、更新對象

.assign()方法同樣可以用於更新對象的屬性。

//示例代碼
let obj1 = {a: 1, b: 2};
let obj2 = {b: 3};
let obj3 = Object.assign(obj1, obj2);

console.log(obj3); //輸出 {a: 1, b: 3}

在上述示例代碼中，源對象obj2的屬性b被複制到目標對象obj1中，並覆蓋了原有的屬性b。

四、深度複製

.assign()方法需要注意的一點是，如果源對象中有多層嵌套的對象，則只會複製對象的引用，而不是對象本身。

//示例代碼
let obj1 = {a: {b: 1}};
let obj2 = Object.assign({}, obj1);

console.log(obj2); //輸出 {a: {b: 1}}

obj2.a.b = 2;

console.log(obj1); //輸出 {a: {b: 2}}

在上述示例代碼中，雖然使用.assign()方法將obj1複製到了obj2，但是由於obj1中的屬性a是一個嵌套的對象，因此在obj2中複製的是a對象的引用，即obj1和obj2的a屬性指向同一個對象，如果修改了其中一個對象的a屬性，會影響另一個對象的a屬性。

因此，如果需要進行深度複製，則需要使用其他的方法，例如JSON.parse()和JSON.stringify()。

五、合併對象

.assign()方法也可以用於合併對象。

//示例代碼
let obj1 = {a: 1, b: 2};
let obj2 = {c: 3};
let obj3 = Object.assign({}, obj1, obj2);

console.log(obj3); //輸出 {a: 1, b: 2, c: 3}

在上述示例代碼中，通過傳遞多個對象到.assign()方法中，可以將多個對象合併為一個新的對象。

六、總結

.assign()方法是JavaScript中一個非常有用的方法，可以用於對象的複製、更新、合併等操作。需要注意的是，如果源對象中有多層嵌套的對象，則需要使用其他方法進行深度複製。