在前端开发中，我们经常需要对对象进行属性的合并和覆盖等操作。而这个时候，assign.js 就可以为我们解决这个问题。
什么是 assign.js
assign.js 是一个可以将对象的属性进行合并和覆盖的工具库，通过它，我们可以很方便地对对象进行操作，节省了开发的时间和精力。它是一个基于 ES6 的 npm 包，兼容大部分浏览器及 Node.js 等环境。
如何使用 assign.js
使用 assign.js 也非常简单，只需要导入该库并调用 assign 方法即可。例如，我们有两个对象 obj1 和 obj2，我们想要将 obj2 的属性合并到 obj1 中，就可以这样：
import { assign } from 'assign.js' const obj1 = { a: 1 }; const obj2 = { b: 2 }; assign(obj1, obj2); // obj1 就变成了 { a: 1, b: 2 }
当然，assign 方法还支持传入多个对象，并将它们的属性进行合并和覆盖，例如：
const obj1 = { a: 1 }; const obj2 = { b: 2 }; const obj3 = { c: 3 }; const obj4 = { b: 4 }; assign(obj1, obj2, obj3, obj4); // obj1 就变成了 { a: 1, b: 4, c: 3 }
我们还可以通过 assign 方法将对象的属性合并到一个新的对象中，而不改变原始的对象，例如：
const obj1 = { a: 1 }; const obj2 = { b: 2 }; const obj3 = { c: 3 }; const result = assign({}, obj1, obj2, obj3); // result 就变成了 { a: 1, b: 2, c: 3 }
深入学习 assign.js
除了最基本的属性合并和覆盖操作外，assign.js 还可以进行更高级的操作，让我们来深入学习一下它的使用方法。
deepAssign 方法
如果我们想要对对象进行深度合并，即合并对象中的对象，那么我们就可以使用 deepAssign 方法。例如，我们有如下两个对象：
-- -------------------- ---- ------- ----- ---- - - -- - -- -- -- - -- -- -- - - - -- ----- ---- - - -- - -- - -- -- -- - - - --展开代码
我们想要将 obj2 合并到 obj1 中，但是要注意，obj2 中的 a.c.e 属性已经存在于 obj1 中，我们希望对其进行覆盖而不是合并。这时，我们就可以使用 deepAssign 方法来实现：
import { deepAssign } from 'assign.js' const result = deepAssign(obj1, obj2); // result 就变成了 { a: { b: 1, c: { d: 2, e: 4, f: 5 } } }
深度合并还有一个比较有用的特性，就是可以通过模式匹配的方式来进行合并和覆盖操作。例如，我们定义了一个模式：
const pattern = { a: { b: 2, c: { e: 5 } } };
我们想要使用这个模式来匹配对象中的属性，并进行合并操作，那么我们可以这样做：
-- -------------------- ---- ------- ------ - ---------- - ---- ----------- ----- --- - - -- - -- -- -- - -- -- -- - - - -- ----- ------ - -------------- ---- --------- -- ------ ---- - -- - -- -- -- - -- -- -- - - - -展开代码
通过这种方式，我们可以快速地定义模式，对对象进行操作。
merge 方法
除了 deepAssign 方法外，assign.js 还提供了一个 merge 方法，可以用于合并数组。例如，我们定义两个数组：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6];
我们想要将两个数组进行合并，就可以使用 merge 方法：
import { merge } from 'assign.js' const result = merge(arr1, arr2); // result 就变成了 [1, 2, 3, 4, 5, 6]
需要注意的是，merge 方法只能用于合并数组，如果需要合并对象中的数组，需要使用 deepAssign 方法。
总结
assign.js 是一个非常实用的工具库，通过它，我们可以快速地对对象进行操作，提高开发效率。值得一提的是， assign.js 还支持更高级的操作，例如深度合并和模式匹配等，可以更加灵活地满足开发需求。通过学习本文，相信大家已经掌握了 assign.js 的使用方法，可以在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/182944
