npm 包 object.assign 使用教程

Object.assign() 方法是 ECMAScript 6 中 Object 构造函数的静态方法之一。它用于将一个或多个源对象的属性复制到目标对象中。在前端开发中，该方法是一种常见的工具，可以帮助我们合并多个对象的属性，实现代码重构和优化。

安装和引入

使用 Object.assign() 需要先安装 Node.js 环境，并在项目中引入相应的 npm 包。可以通过以下命令安装：

npm install object-assign --save

引入方式：

const assign = require('object-assign');

或者直接使用 ECMAScript 6 的 import 语句：

import assign from 'object-assign';

使用方法

基本使用

Object.assign() 方法接收任意数量的参数，第一个参数是目标对象，后续参数都是源对象。例如，将对象 a 和 b 合并成一个新对象：

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

console.log(c); // { x: 1, y: 2 }

这里我们创建了一个空对象作为目标对象，以避免修改源对象。如果不使用空对象，Object.assign() 方法会直接修改第一个参数，导致不可预测的行为。

对象引用类型的处理

当源对象属性的值是引用类型（如数组、对象）时，Object.assign() 并不会进行深拷贝，而是复制其引用。这意味着在目标对象中修改该属性将同时影响源对象。

const a = { x: { y: 1 } };
const b = Object.assign({}, a);

b.x.y = 2;
console.log(a.x.y); // 2

如果需要深拷贝对象，可以使用第三方库如 lodash 或 underscore。

属性描述符的处理

Object.assign() 方法只能复制对象的可枚举属性，即属性描述符的 enumerable 属性为 true 的属性。对于其他类型的属性，如不可写、不可配置，或者继承属性，Object.assign() 方法会跳过复制。

const a = {};
Object.defineProperty(a, 'p', {
  value: 123,
  enumerable: false
});

const b = Object.assign({}, a);
console.log(b.p); // undefined

保留 Symbol 类型属性

当源对象有 Symbol 类型的属性时，Object.assign() 会复制这些属性，但只有当源对象和目标对象都是可扩展的时才有效。否则，在非严格模式下，会抛出 TypeError 错误；在严格模式下，会直接抛出异常。

const a = {};
a[Symbol('foo')] = 'bar';

const b = {};
Object.preventExtensions(b);

Object.assign(b, a); // 抛出 TypeError 错误

使用场景

Object.assign() 方法在前端开发中有多种使用场景，例如：

• 将多个对象的属性合并成一个对象。
• 为对象添加默认属性值。
• 实现深拷贝（结合 JSON 序列化和反序列化）。
• 实现事件管理器、状态管理器等。

总结

通过本文，我们学习了如何安装和引入 Object.assign() 方法，并了解了它的基本用法和注意事项。此外，我们还探讨了 Object.assign() 的一些高级用法和实际应用场景。希望这篇文章对你有所启发，让你能够更好地利用 Object.assign() 提高代码效率和可维护性。

示例代码：

const assign = require('object-assign');

const a = { x: 1 };
const

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/50294) ，转载请注明来源
[https://www.javascriptcn.com/post/50294](https://www.javascriptcn.com/post/50294)