JavaScript 原生深拷贝方法来啦！structuredClone 闪耀登场~

主要观点总结

文章主要介绍了JavaScript中的深拷贝方法，包括原生方法structuredClone和其他常见方案如JSON.parse & JSON.stringify()以及lodash.cloneDeep。文章还讨论了不同深拷贝方案对于不同数据类型的支持情况，以及注意事项。

关键观点总结

关键观点1: JavaScript原生深拷贝方法structuredClone

structuredClone是全局方法，使用结构化克隆算法进行深拷贝。它能成功拷贝大多数数据类型，但在克隆Function和Dom节点时会报错。

关键观点2: JSON.parse & JSON.stringify用于深拷贝

很多人使用JSON.parse(JSON.stringify(obj))来进行深拷贝操作，但这种方式有很多缺点，例如不能成功拷贝多种数据类型，且在对象具有环引用的情况下会导致报错。

关键观点3: lodash.cloneDeep

cloneDeep是lodash库中的一个深拷贝函数，能够成功拷贝各种数据类型。但使用lodash时需要注意使用lodash-es来实现按需加载，减少代码体积。

关键观点4: 文章还讨论了不同深拷贝方案对于不同数据类型的支持情况

文章详细列出了各种深拷贝方案对不同数据类型的支持情况，如number、string、undefined、null、boolean、object、Array、Function、map、Set、Date、Error、Regex和Dom节点等。

免责声明