前言
在前端开发中，经常需要通过复制一个对象来创建新的对象，在 JavaScript 中，我们可以通过 Object.assign() 或者展开运算符 ... 来实现这个功能。但是，这些方法只能实现浅拷贝，在对象包含嵌套对象或者数组时并不能实现正确的复制。针对这个问题，我们可以使用 better-clone npm 包来实现深拷贝。
安装
在使用 better-clone 前，我们需要先安装它。可以通过 npm 进行安装：
npm install better-clone
使用
安装完成后，我们可以在项目中引入 better-clone 包并使用它。
-- -------------------- ---- -------
----- ----- - ------------------------
----- --- - -
-- --
-- -
-- --- -- --
-
--
----- ------ - -----------
-------------------- -- - -- -- -- - -- - -- -- - - - -如上所示，我们可以通过 clone() 方法对一个对象进行深拷贝，并得到一个新的对象。在上面的示例中，newObj 是一个与 obj 完全相同的对象，但是两者在内存中是不同的。
深度拷贝数组
当对象中包含数组时， Object.assign() 和展开操作符 ... 将无法实现正确的复制。不过， better-clone 可以帮助我们完成深度拷贝。
const arr = [{a: 1}, {b: 2}];
const newArr = clone(arr);
console.log(newArr); // [ { a: 1 }, { b: 2 } ]
newArr[0].a = 100;
console.log(newArr); // [ { a: 100 }, { b: 2 } ]
console.log(arr); // [ { a: 1 }, { b: 2 } ]如上所示，通过 clone() 方法对数组进行操作，不产生对原数组的影响，返回的是一个全新的数组。
深度拷贝类似于 Date 的对象
当需要进行深拷贝的对象包含像 Date 这样的类时，我们可能需要进行特殊处理。可以通过定义自定义的 reviver 函数实现这个特殊需求。
-- -------------------- ---- -------
----- ----- - --- -------------------
----- ---- - -
-- -----
--
----- ------- - ----------- -
-------- ------------- ------ -
-- ------ ---------- ----- -
------ --- ------------
- ---- -
------ ------
-
-
---
-------------------------------------- -- --- --- -- ----如上所示，我们通过自定义 reviver 函数来将 Date 对象进行复制，并在复制后得到一个与原对象完全相同的新对象。通过定义自定义的 reviver 函数，我们可以更好地控制对象的复制方式，实现特定的需求。
总结
通过 better-clone 包，我们可以实现深拷贝，在对嵌套对象和数组等复杂数据类型进行处理时尤为有用。 better-clone 提供了丰富的选项来控制对象的复制方式，只需简单配置便可快速使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70255