简介
lodash.assign 是一个 JavaScript 工具库 Lodash 中的一部分，提供了一个函数可将多个源对象的属性合并到目标对象中。此函数可以被用于深度克隆、浅拷贝和对象合并等多种场景。
本文将介绍如何使用 lodash.assign 包，以及其在前端开发中的应用。
安装
使用 npm 进行安装：
npm install lodash.assign
语法
_.assign(object, [sources])
参数说明：
object：目标对象，接收源对象的属性。[sources]：一个或多个源对象，用于合并到目标对象中。
示例
以下示例展示了如何使用 lodash.assign 将两个对象合并：
const _ = require('lodash.assign');
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const result = _.assign(obj1, obj2);
console.log(result); // { a: 1, b: 2 }如果目标对象中已经有某些属性，那么它们会被覆盖：
const _ = require('lodash.assign');
const obj1 = { a: 1, b: 3 };
const obj2 = { b: 2 };
const result = _.assign(obj1, obj2);
console.log(result); // { a: 1, b: 2 }要避免修改原对象，可以传递一个空对象作为目标对象：
const _ = require('lodash.assign');
const obj1 = { a: 1, b: 3 };
const obj2 = { b: 2 };
const result = _.assign({}, obj1, obj2);
console.log(result); // { a: 1, b: 2 }当有多个源对象时，它们的属性会依次合并到目标对象中：
-- -------------------- ---- ------- ----- - - ------------------------- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ------ - -------------- ----- ------ -------------------- -- - -- -- -- -- -- - -
应用场景
对象合并
lodash.assign 可以将多个对象合并成一个新对象，常常被用于构建新对象或更新现有对象：
const _ = require('lodash.assign');
const obj1 = { a: 1, b: 3 };
const obj2 = { b: 2, c: 4 };
const mergedObj = _.assign({}, obj1, obj2);
console.log(mergedObj); // { a: 1, b: 2, c: 4 }对象克隆
lodash.assign 可以用于深度克隆一个对象：
-- -------------------- ---- ------- ----- - - ------------------------- ----- ---- - - -- - -- - - -- ----- --------- - ------------ ------ ----------------------- -- - -- - -- - - - ---------------- --- ----------- -- ----- ------------------ --- ------------- -- ----
浅拷贝
lodash.assign 可以用于浅拷贝一个对象：
-- -------------------- ---- ------- ----- - - ------------------------- ----- ---- - - -- - -- - - -- ----- -------------- - ------------ ------ -------- - -- ---------------------------- -- - -- - -- - - -
总结
lodash.assign 是一个常用的 JavaScript 工具库 Lodash 中的一部分，提供了一个函数可将多个源对象的属性合并到目标对象中。本文介绍了 lodash.assign 的语法、示例和应用场景，并向读者展示了如何使用这个包。
在前端开发中，我们经常需要处理对象之间的合并、克隆和拷贝等操作，借助 lodash.assign，可以轻松地完成这
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40036