值得庆幸的是structuredClone在所有主流浏览器中都受支持,也支持 Node.js 和 Deno。 结语 我们现在终于可以直接使用原生 JavaScript 中的structuredClone能力实现深度拷贝对象。每种方式都有其优缺点,具体使用方式取决于你的需求和目标对象的类型。
constobj={func:function(){return"I'm a function";},// 函数symbol:Symbol('uniqueSymbol'),// SymbolweakMap:newWeakMap(),// WeakMapweakSet:newWeakSet(),// WeakSetelement:document.createElement('div')// HTMLElement};// 尝试克隆对象try{constclonedObj=structuredClone(obj);console.log(clonedObj...
本文我们要介绍的是structuredClone函数,它是内置在 JavaScript 运行时中的: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 constcalendarEvent={title:"Builder.io Conf",date:newDate(123),attendees:["Steve"]}constcopied=structuredClone(calendarEvent) 在上面的示例中,我们不仅拷贝了对象,还拷贝了嵌套数组...
};// 创建循环引用obj.circularRef.self= obj;// 克隆 obj 对象constclonedObj =structuredClone(obj, {transfer: [port1]});// 输出以验证console.log(clonedObj); constobj = {func:function() {return"I'm a function"; },// 函数symbol:Symbol('uniqueSymbol'),// SymbolweakMap:newWeakMap(),/...
structuredClone 闪耀登场~ 很多人会用 JSON.parse(JSON.stringify(obj))来对对象进行深拷贝操作,但是这个方式缺点太多了。 原生的深拷贝~ 分享一个 JavaScript 原生的深拷贝方法 structuredClone,其实这个方法出了很久了,但是存在感一直很低~ 图片 说这个方法前,我们先来讨论一下,常见的深拷贝都有哪些方案呢?
在现代浏览器中,可以使用structuredClone方法来实现深拷贝,它是一种更高效、更安全的深拷贝方式。 以下是一个示例代码,演示如何使用structuredClone进行深拷贝: const kitchenSink = { set: new Set([1, 3, 3]), map: new Map([[1, 2]]), regex: /foo/, ...
在JavaScript中,实现深拷贝的方式有很多种,每种方式都有其优点和缺点。今天介绍一种原生JavaScript提供的structuredClone实现深拷贝。 下面列举一些常见的方式,以及它们的代码示例和优缺点: 1. 使用JSON.parse(JSON.stringify(obj)) 代码示例: function deepClone(obj) { ...
现在,这一切都因新的structuredClone()而改变了——它是一种简单高效的方法,可以深度复制任何对象。 const obj = { name: 'Tari', friends: [{ name: 'Messi' }] }; const clonedObj = structuredClone(obj); console.log(obj.name === clonedObj); // false ...
我们现在终于可以直接使用原生JavaScript中的structuredClone能力实现深度拷贝对象。每种方式都有其优缺点,具体使用方式取决于你的需求和目标对象的类型。 在JavaScript中,实现深拷贝的方式有很多种,每种方式都有其优点和缺点。今天介绍一种原生JavaScript提供的structuredClone实现深拷贝。
啊,是的,这个技巧。实际上这是一个很好的方法,而且出人意料地高效,但structuredClone解决了它的一些缺点。 以此为例: const calendarEvent = { title: "Builder.io大会", date: new Date(123), attendees: ["Steve"] } // 🚩 JSON.stringify 将`date`转换为了字符串 ...