js方法Object.assign详解

`Object.assign()` 是 JavaScript 中一个用于对象合并的方法，定义在 `Object` 构造函数上。它可以将一个或多个源对象的所有可枚举属性复制到目标对象。 语法 ```javascript Object.assign(target, ...sources) ``` - `target`：目标对象，即接收属性的对象。 - `...sources`：一个或多个源对象，这些对象的属性将被复制到目标对象。 返回值 返回修改后的目标对象。 示例代码 ```javascript // 定义目标对象 const target = { a: 1, b: 2 }; // 定义源对象 const source = { b: 3, c: 4 }; // 使用 Object.assign 方法合并对象 const result = Object.assign(target, source); // 输出合并后的目标对象 console.log(target); // 输出: { a: 1, b: 3, c: 4 } // 注意：result 和 target 是同一个对象 console.log(result === target); // 输出: true ``` 代码注释解释 - 第一行定义了目标对象 `target`，有属性 `a` 和 `b`。 - 第二行定义了源对象 `source`，有属性 `b` 和 `c`。 - 第四行使用 `Object.assign` 将 `source` 的属性复制到 `target` 上，由于 `source` 和 `target` 都有 `b` 属性，`source` 的 `b` 属性会覆盖 `target` 的 `b` 属性。 - 最后将合并后的 `target` 赋值给 `result`，可以看到 `result` 和 `target` 是同一个对象。 注意事项 `Object.assign()` 进行的是浅拷贝，对于对象属性，只会复制引用，而不会递归复制对象内部的属性。例如： ```javascript const obj1 = { a: { b: 1 } }; const obj2 = Object.assign({}, obj1); // 修改 obj2.a.b 的值 obj2.a.b = 2; // obj1.a.b 的值也会被修改 console.log(obj1.a.b); // 输出: 2 ``` 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 注意属性覆盖问题，当源对象和目标对象有相同属性时，源对象的属性会覆盖目标对象的属性。 2. 由于是浅拷贝，对于嵌套对象的修改会影响到原对象，要注意数据的独立性。 3. `Object.assign` 只复制可枚举属性，对于不可枚举属性不会进行复制。 [2026-01-30 18:09:42 | AI写代码神器 | 592点数解答]