专栏名称: 大迁世界
掘金LV8,思否10万+的作者。一个热爱前端的创业者。
今天看啥  ›  专栏  ›  大迁世界

structuredClone():JavaScript中深拷贝对象的最简单方法

大迁世界  · 公众号  ·  · 2024-08-02 08:35

文章预览

前端岗位内推来了 深拷贝是传递或存储数据时的一项常规编程任务。 浅拷贝:只复制对象的第一层 深拷贝:复制对象的所有层级 const obj = { name:  'Tari' , friends: [{ name:  'Messi'  }] }; const shallowCopy = { ...obj }; const deepCopy = dCopy(obj); console.log(obj.friends === shallowCopy.friends); // ❌  true console.log(obj.friends === deepCopy.friends); // ✅  false 但一直以来,我们都没有一种内置的方法来完美地深度复制对象,这一直是一个痛点。 我们总是不得不依赖第三方库来进行深度复制并保留循环引用。 现在,这一切都因新的 structuredClone() 而改变了——它是一种简单高效的方法,可以深度复制任何对象。 const obj = { name:  'Tari' , friends: [{ name:  'Messi'  }] }; const clonedObj = structuredClone(obj); console.log(obj.name === clonedObj); //  false console.log(obj.friends === clonedObj.frie ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览