结构化克隆与可转移对象：高性能数据传递的隐藏 API

探索 structuredClone、MessageChannel 与 Transferable 对象，在 Worker 和主线程之间实现零拷贝传输。 · 难度：入门 · +10XP

结构化克隆与可转移对象：高性能数据传递的隐藏 API

JSON.parse(JSON.stringify()) 存在诸多限制（无法克隆函数、Map、Set、循环引用等）。structuredClone 是浏览器和 Node.js 内置的深拷贝方案。本课程深入其内部机制，并展示如何结合 MessageChannel 和 Transferable 对象（ArrayBuffer、MessagePort），在 Web Worker 之间实现近乎零拷贝的数据传输。你将学会构建高性能数据处理管线，以及如何安全地克隆 Blob、ImageBitmap 等复杂类型。

const original = { map: new Map([[1, 'a'], [2, 'b']]), date: new Date(), regex: /test/i };
const clone = structuredClone(original);
console.log(clone.map.get(1)); // 'a'
// 使用 Transferable 传输二进制数据
const buffer = new ArrayBuffer(1024);
const worker = new Worker('worker.js');
worker.postMessage({ data: buffer }, [buffer]); // 传输后原 buffer 变为空