Failed to execute 'postMessage' on 'Worker': could not be cloned.

let worker = new Worker('./datapoint.js');
let message = {deviceCodes:deviceCodes,dataModel:dataModel};
worker.postMessage(message);

报错内容：

Uncaught DOMException: Failed to execute 'postMessage' on 'Worker': function(c){var W=this;if(c.kind===cf){var N=c.data;W.co(N)&&(W._73O.remove(N),delete W._map[N._id],W._75I(cf,n...<omitted>...)} could not be cloned.

问题所在：

postMessage中传入了不可clone的参数。比如一些HTML element。因为这些元素即使传过去了（cloned），也无法操作啊！

 

知识衍生

Web Worker 有以下几个使用注意点。
（1）同源限制
分配给 Worker 线程运行的脚本文件，必须与主线程的脚本文件同源。
（2）DOM 限制
Worker 线程所在的全局对象，与主线程不一样，无法读取主线程所在网页的 DOM 对象，也无法使用document、window、parent这些对象。但是，Worker 线程可以navigator对象和location对象。
（3）通信联系
Worker 线程和主线程不在同一个上下文环境，它们不能直接通信，必须通过消息完成。
（4）脚本限制
Worker 线程不能执行alert()方法和confirm()方法，但可以使用 XMLHttpRequest 对象发出 AJAX 请求。
（5）文件限制
Worker 线程无法读取本地文件，即不能打开本机的文件系统（file://），它所加载的脚本，必须来自网络。