web worker 中 transferable objects 实现零拷贝：仅 arraybuffer、messageport、imagebitmap、offscreencanvas、audiodata 支持 transfer；typedarray 本身不可 transfer，但其 .buffer 可；必须显式传入 transferlist，transfer 后原对象失效。
在 Web Worker 中使用 Transferable Objects 可以避免大数组（如 ArrayBuffer、TypedArray、ImageBitmap 等）的深拷贝，实现真正的“零拷贝”数据传递——即把底层内存所有权直接移交给目标上下文，原上下文不能再访问该对象。
哪些对象支持 Transferable
以下对象可被 transfer（转移）：
-
ArrayBuffer（核心，所有TypedArray的底层存储） -
MessagePort（用于跨 Worker 通信） -
ImageBitmap（图像解码后可高效传递） -
OffscreenCanvas（配合 Canvas 2D 或 WebGL 渲染） -
AudioData（Web Audio API，Chrome 111+）
⚠️ 注意：ArrayBuffer 是唯一最常用且兼容性最好的 transferable 类型；TypedArray（如 Uint8Array）本身不可 transfer，但它的 .buffer 可以。
正确 transfer ArrayBuffer 的写法
关键：必须把 ArrayBuffer 放入 postMessage() 的第二个参数 transferList 中，且只能传一次。
主线程示例：
const buffer = new ArrayBuffer(1024 * 1024); // 1MB
const view = new Uint8Array(buffer);
<p>// 填充数据...
view.fill(42);</p><p>// ✅ 正确：传 buffer，并在 transferList 中声明
worker.postMessage({ data: buffer }, [buffer]);</p><p>// ❌ 错误：传 view.buffer 但没列在 transferList → 仍会拷贝
// worker.postMessage({ data: view.buffer }, []);</p><p>// ❌ 错误：重复 transfer 同一个 buffer → 报错 "InvalidStateError"
// worker.postMessage({ data: buffer }, [buffer]);
// worker.postMessage({ data: buffer }, [buffer]); // throw!
</p>
Worker 内接收时，event.data.data 就是已移交的 ArrayBuffer，可直接构造视图：
self.onmessage = function(e) {
const { data } = e.data;
const view = new Uint8Array(data); // ✅ 安全使用
console.log(view.length); // 1048576
};
Transfer 后原对象自动失效
一旦 transfer 成功，原 ArrayBuffer 的 .byteLength 变为 0，所有关联的 TypedArray 变为 detached（分离状态），继续访问会静默失败或抛 TypeError。
所以务必在 postMessage 后立即放弃对 buffer 及其视图的引用：
// ✅ 安全做法
worker.postMessage({ data: buffer }, [buffer]);
buffer = null; // 显式置空，避免误用
view = null;
不置空也不会报错，但后续读写可能返回 undefined 或 0，调试困难。建议养成清空习惯。
结合 Promise 封装更安全的 transfer 工具函数
为避免手动管理 transferList 出错，可封装一个辅助函数：
function postWithTransfer(worker, msg, transferables = []) {
// 自动提取所有 ArrayBuffer（含 TypedArray.buffer）
const buffers = [];
const walk = (obj) => {
if (obj instanceof ArrayBuffer) {
buffers.push(obj);
} else if (obj && typeof obj === 'object') {
if ('buffer' in obj && obj.buffer instanceof ArrayBuffer) {
buffers.push(obj.buffer);
}
Object.values(obj).forEach(walk);
}
};
walk(msg);
worker.postMessage(msg, [...new Set([...transferables, ...buffers])]);
}
<p>// 使用
postWithTransfer(worker, { image: uint8Array, meta: { w: 640, h: 480 } });
// 自动提取 uint8Array.buffer 并 transfer
</p>
注意：该方案适合简单结构；复杂嵌套或循环引用需谨慎处理。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
