在前端开发中，我们经常需要在对象上进行属性的扩展和更新。而 Object.assign() 方法是一种非常便捷的方式来实现这些操作。不过有时候我们还需要在特定条件下进行属性的更新操作，比如只更新符合某些条件的属性。npm 包 assign-where 就是为解决这个问题而诞生的。
安装
在使用之前，我们需要先将 assign-where 安装到我们的项目中。可以通过以下命令进行安装：
npm install assign-where --save
使用方法
安装完成后，我们就可以在代码中使用该模块。assign-where 为我们提供了一个名为 assignWhere 的方法。该方法接收 3 个参数：
- 目标对象（即需要进行属性更新的对象）
- 修改对象（即包含需要更新的属性的对象）
- 匹配操作函数（判断哪些属性需要进行更新）
匹配操作函数接收两个参数，第一个参数为目标对象的 key 值，第二个参数为修改对象的对应属性值。如果匹配成功，函数需要返回一个真值而跳过该属性，否则就需要返回 false 或者 undefined 来进行该属性的更新。
下面是一个示例代码：
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- ------ - - ----- ------- ---- --- -------- ---------- -- ----- ----- - - ----- ------- ---- --- -- ----- ------- - ----- ------ -- - ------ --- --- ------- -- ----- ------ - ------------------- ------ --------- -------------------- -- - ----- ------- ---- --- -------- --------- -展开代码
在上面的代码中，我们实际上是在给 source 对象更新一个 name 属性，而不是将整个 name 属性替换掉。因为 matchFn 中的条件判断逻辑是只要 key 值为 name 就跳过该属性，并不将该属性替换掉。
而在 assignWhere 方法中，如果匹配操作函数返回 false 或者 undefined，那么该属性就会被更新。如果返回真值，则该属性不会被更新。这就是 matchFn 函数的作用。
深度更新
在某些场景下，我们需要对目标对象进行深度更新操作。此时，可以使用 assignWhere 的第三个参数进行实现。我们可以通过对 assignWhere 的第三个参数进行递归调用，实现对深层次对象的更新。下面是一个示例代码：
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- ------ - - ----- - ----- ------- ---- --- -------- --------- - -- ----- ----- - - ----- - ----- ------- ---- -- - -- ----- ------- - ----- ------ -- - -- ---- --- ------- - ------ ----- - ---- -- ------- ----- --- -------- -- ----- --- ----- - ------ ------------------------ ------ --------- - -- ----- ------ - ------------------- ------ --------- -------------------- -- - ----- - ----- ------- ---- --- -------- --------- - -展开代码
在上面的代码中，我们首先判断当前属性是否为 name，如果是，则返回一个真值以跳过该属性的更新。如果当前属性的值是一个对象，则递归调用 assignWhere 方法进行更新。这样我们就完成了对目标对象的深度更新。
总结
assign-where 是一个非常实用的 npm 包，它可以帮助我们在特定条件下对对象进行属性的扩展和更新。通过本篇文章的介绍，相信大家已经能够充分理解该包的使用方法。希望大家在实际项目中，能够灵活地运用该方法，提高自己的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eb081e8991b448dc440
