JavaScript 中Object.assign内置函数用法

Object.assign 是 JavaScript 中的一个内置方法，用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它会返回目标对象。这个方法通常用于合并对象或者浅拷贝对象。

基本语法

Object.assign(target, ...sources)

• target：目标对象，即将其他对象的所有可枚举属性复制到这个对象上。
• …sources：一个或多个源对象，其可枚举属性将被复制到目标对象上。

示例
合并对象

const target = { a: 1, b: 2 };
const source1 = { b: 3, c: 4 };
const source2 = { d: 5 };

const result = Object.assign(target, source1, source2);

console.log(result); // 输出: { a: 1, b: 3, c: 4, d: 5 }
console.log(target); // 输出: { a: 1, b: 3, c: 4, d: 5 }

在这个例子中，target 对象被修改了，添加了 c 和 d 属性，并且 b 属性的值被 source1 中的值覆盖了。

浅拷贝对象

const original = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, original);

console.log(copy); // 输出: { a: 1, b: { c: 2 } }

// 修改原始对象
original.b.c = 3;

console.log(original); // 输出: { a: 1, b: { c: 3 } }
console.log(copy);     // 输出: { a: 1, b: { c: 3 } }

在这个例子中，虽然 copy 是 original 的浅拷贝，但 b 属性是一个引用类型，因此对 original.b.c 的修改也会影响 copy.b.c。

注意事项

• 浅拷贝：Object.assign 只进行浅拷贝，对于嵌套的对象只会复制引用，不会创建新的对象。
• 属性覆盖：如果源对象中有与目标对象相同的属性，目标对象的属性会被覆盖。
• 不可枚举属性：Object.assign 不会复制不可枚举属性。
• 原型链上的属性：Object.assign 只复制对象自身的可枚举属性，不会复制原型链上的属性。

结论
Object.assign 是一个非常有用的方法，特别是在需要合并多个对象或创建对象的浅拷贝时。不过需要注意的是，它只进行浅拷贝，对于深层次的对象结构需要额外处理以实现深拷贝。