跨域postMessage传递对象时，不可结构化克隆的特性（如getter/setter、Symbol键、函数、冻结状态等）会被浏览器自动剥离，微任务逻辑无法传输；应传ID+数据+类型标识的轻量元数据，由接收端本地重建并触发微任务。
跨域窗口间传递“带微任务属性的对象”时出现反序列化后属性丢失，本质不是微任务本身被丢弃，而是对象中那些不可结构化克隆的特性（如访问器、不可枚举属性、冻结状态、symbol 键、函数等）在 postmessage 传输过程中被浏览器的结构化克隆算法自动剥离。微任务（如 promise.then、queuemicrotask）无法被序列化，其关联逻辑也不会随数据一起迁移。
明确哪些内容注定无法跨域传递
结构化克隆算法只保留可安全复制的“纯数据快照”，以下全部会被抹除或降级：
- 所有 getter/setter（响应式对象如 Vue 2 data 的变更逻辑完全失效）
-
Object.defineProperty设置的configurable: false、writable: false、enumerable: false -
Object.freeze()或Object.seal()带来的状态约束 - Symbol 类型的键、
undefined、函数、Promise、Error、RegExp、Date（部分环境） - 原型链、构造函数信息、私有字段（
#field）
用“ID + 数据 + 类型标识”代替传对象
不依赖原对象行为，改用轻量元数据驱动本地重建：
- 发送端只传必要字段：例如
{ type: 'TASK_PROGRESS', id: 't-456', progress: 82, timestamp: Date.now() } - 接收端收到后，查本地缓存或通过工厂函数生成新实例：
const task = TaskPool.get(msg.data.id) || new Task(msg.data) - 更新逻辑由本地方法执行（如
task.updateProgress(msg.data.progress)），确保响应式、校验、副作用都在当前上下文可控范围内
手动提取可序列化数据，避免隐式陷阱
别依赖 JSON.stringify(obj) 或 structuredClone(obj) 的“一键全量”——它们看似方便，实则掩盖了描述符丢失问题：
- 用白名单方式显式构造 payload：
const payload = { id: obj.id, name: obj.name, status: obj.status, updatedAt: obj.updatedAt?.toISOString() } - 对日期、正则、数组等特殊值做归一化处理（如转字符串、转普通对象）
- 若需保留类型语义，加
__type字段，如{ __type: 'Date', value: '2026-05-21T09:42:00Z' }，接收端按需还原
微任务相关逻辑必须本地触发
跨域消息本身是宏任务，无法携带微任务调度权。任何依赖微任务的副作用（如状态更新后的 DOM 同步、计算属性派生）都得在接收端重新安排：
- 不要试图传一个
queueMicrotask(() => doSomething())—— 函数不会过境 - 改为传指令：
{ action: 'REFRESH_UI', target: 'dashboard' }，接收端收到后自行调用queueMicrotask(() => renderDashboard()) - 若需精确时机控制，可用
MessageChannel配合port.postMessage()实现更细粒度通信，但仍不能传函数
