在前端开发中，我们经常需要操作对象、合并对象等。在 ES6 中已经提供了 Object.assign 方法。不过，它有一些局限性，在使用过程中可能会遇到一些问题。但幸运的是，有一个优秀的 npm 包解决了这个问题，那就是 object-assign-x。
本文将介绍 object-assign-x 的使用教程，包括它的安装及基本使用方法。
安装 object-assign-x
在使用 object-assign-x 之前，需要先安装它。在命令行中输入以下命令即可安装：
npm install object-assign-x
基本使用
Object.assign 的问题
在介绍 object-assign-x 以前，先了解一下 Object.assign 存在的问题。
例如，假设有两个对象 a 和 b：
let a = { name: "Tom" };
let b = { age: 12 };我们可以用 Object.assign 将它们合并成一个对象：
let c = Object.assign({}, a, b);
console.log(c); // { name: "Tom", age: 12 }这个方法看上去很好用，但是如果两个对象中有相同的属性，Object.assign 只会保留后一个对象中的属性：
let a = { name: "Tom", age: 13 };
let b = { age: 12 };
let c = Object.assign({}, a, b);
console.log(c); // { name: "Tom", age: 12 }另外，如果第一个参数是 null 或 undefined，就会报错：
let a = { name: "Tom" };
let b = { age: 12 };
let c = Object.assign(null, a, b); // TypeError: Cannot convert undefined or null to object当我们想要合并多个对象时，需要写很长的代码，并且要注意属性的顺序，否则可能会出现问题。
object-assign-x 的解决方案
而 object-assign-x 就是为了解决这些问题而诞生的。
它的使用方法和 Object.assign 基本上一样，只不过用法更加灵活，而且没有上述问题。以下是 object-assign-x 的示例代码：
const assign = require("object-assign-x"); // 引入 object-assign-x
let a = { name: "Tom", age: 13 };
let b = { age: 12 };
let c = assign({}, a, b); // 直接调用 assign 方法即可
console.log(c); // { name: "Tom", age: 12 }我们同样可以将 null 或 undefined 作为第一个参数，这不会引发错误：
let a = { name: "Tom" };
let b = { age: 12 };
let c = assign(null, a, b); // 不会报错
console.log(c); // { name: "Tom", age: 12 }深拷贝
除了深复制，object-assign-x 还支持深拷贝，例如：
const assign = require("object-assign-x");
let a = { name: "Tom", friends: ["Jerry", "Bob"] };
let b = { name: "Jerry", friends: ["Tom", "Bob"] };
let c = assign(true, {}, a, b); // true 表示进行深拷贝
console.log(c); // { name: "Jerry", friends: ["Tom", "Bob"] }不同属性值的合并
object-assign-x 可以将值为 null 或 undefined 的属性排除在外。例如：
const assign = require("object-assign-x");
let a = { name: null, age: undefined };
let b = { age: 12 };
let c = assign({}, a, b);
console.log(c); // { age: 12 }针对数组的合并
如果合并的对象是数组，object-assign-x 的合并方式也更加灵活，例如：
const assign = require("object-assign-x");
let a = { name: "Tom", friends: ["Jerry", "Bob"] };
let b = { name: "Jerry", friends: ["Tom", "Bob", "Mike"] };
let c = assign([], a.friends, b.friends);
console.log(c); // ["Jerry", "Bob", "Tom", "Bob", "Mike"]指导意义
通过学习 object-assign-x 的使用，我们可以看到，作为一个优秀的 npm 包，它不仅能够解决问题，而且更加灵活，使开发变得更高效。在日常开发中，我们要善于使用优秀的工具类库，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78449