Window.postMessage到底能不能传对象？

最近的一个面试题：Window.postMessage能不能传递对象。

Window.postMessage是解决前端跨越的一种方式，其语法为：

otherWindow.postMessage(message, targetOrigin, [transfer]);
// otherWindow:其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。
// message:将要发送到其他window的数据。对应监听函数回调里的event.data
// targetOrigin:用于标识发送到哪里。对应监听函数回调里的event.origin (如果你明确的知道消息应该发送到哪个窗口，那么请始终提供一个有确切值的targetOrigin，而不是*。不提供确切的目标将导致数据泄露到任何对数据感兴趣的恶意站点。)
// transfer 可选是一串和message 同时传递的 [Transferable](https://developer.mozilla.org/zh-CN/docs/Web/API/Transferable) 对象. 这些对象的所有权将被转移给消息的接收方，而发送一方将不再保有所有权
window.addEventListener("message", receiveMessage, false);
function receiveMessage(event)
{
  // 根据event.origin确认来源
  var origin = event.origin
  if (origin !== "http://example.org:8080")
    return;
  // ...
}

所以Window.postMessage能不能传对象？我回答面试官是可以的，但面试官不这么认为。
但其实我在项目有用过啊不就是传的对象嘛（代码如下），我当时就疑惑了。

面试完之后我看完文档才发现，我的回答太绝对了。message会被结构化克隆算法序列化，而结构化克隆算法序列化有自己的定义如下：


所以这个面试题的由这个结构化克隆算法得出：Window.postMessage只能传普通对象，对于Error以及Function等是不能传递的，会导致克隆数据出错。
1.可传

2.不可传
![在这里插入图片描述](https://img-blog.csdnimg.cn/21f48578eb6145cda85a0d80aeb2ca77.png

参考地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage