在前端开发中，经常会遇到需要对对象进行复制或副本创建的情况。如果只是简单的赋值或浅拷贝，往往会导致对象间相互影响。为了解决此类问题，ES8 中新增了几种深克隆对象的方法，本文将介绍两种较好的方法。
方法一：JSON.stringify 和 JSON.parse
最简单的深克隆对象的方法就是使用 JSON.stringify 和 JSON.parse 来实现。
const deepClone = (obj) => {
return JSON.parse(JSON.stringify(obj));
};该方法的原理是将对象转换为字符串后再将其转换回对象，这样就可以保证对象间的互相独立性。不过这种方法也有一些限制，因为 JSON.stringify 只能处理 JSON 允许的数据类型，所以不能处理函数、undefined、Symbol 等数据类型。同时，该方法还会忽略对象中的循环引用，可能会导致一些意外的问题。
方法二：递归拷贝
另一种深克隆对象的方法是递归拷贝，该方法可以自定义复制函数，以应对更为复杂的对象形式。
-- -------------------- ---- -------
----- --------- - ----- ---- - --- ---------- -- -
-- ---- --- ---- -- ------ --- --- --------- ------ ----
-- ---- ---------- ----- ------ --- ----------
-- ---- ---------- ------- ------ --- ------------
-- --------------- ------ --------------
--- -------- - --- ------------------
------------- ----------
--- ---- --- -- ---- -
-- ------------------------- -
------------- - ------------------- ------
-
-
------ ---------
--该方法的原理是遍历对象的每一个属性，如果属性是简单的值类型（如数字、字符串、布尔值等），则直接复制到新的对象中；如果是引用类型（如对象、数组），则进行递归处理。该方法还可以处理更多的数据类型，如 Date、RegExp 等。同时，该方法会处理循环引用的情况，避免了 JSON.stringify 和 JSON.parse 的问题。
总结
以上就是两种深克隆对象的方法，其中 JSON.stringify 和 JSON.parse 方法简单易用，但不能处理所有类型的数据。递归拷贝的方法可以处理更多的数据类型，也可以处理循环引用，但是相对来说复杂度较高。在开发过程中，我们可以根据具体的需求选择合适的方法，以达到最佳的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bb93948841e9894a02a82