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://),它所加载的脚本,必须来自网络。

 

猜你喜欢

转载自www.cnblogs.com/brokencolor/p/13181106.html