未捕获错误:DATA_CLONE_ERR: DOM Exception 25'由网络工作者抛出

'Uncaught Error: DATA_CLONE_ERR: DOM Exception 25' thrown by web worker

本文关键字：网络 工作者 DOM 错误 DATA CLONE ERR Exception      更新时间：2023-09-26

所以我要创建一个web worker:

var arrayit = function(obj) {
  return Array.prototype.slice.call(obj);
};
work = arrayit(images);
console.log(work);
//work = images.push.apply( images, array );
// Method : "load+scroll"
var worker = new Worker('jail_worker.js');
worker.postMessage(work)
worker.onmessage = function(event) {
  console.log("Worker said:" + event.data);
};

images是什么

$.jail.initialStack = this;
// Store the selector into 'triggerEl' data for the images selected
this.data('triggerEl', (options.selector) ? $(options.selector) : $window);
var images = this;

我想我的问题与此有关:

http://dev.w3.org/html5/spec/Overview.html safe-passing-of-structured-data

我怎样才能绕过这个?如您所见，我尝试将宿主对象切片为一个实际数组，但这不起作用。

这是我正在破解的文件的链接:

https://github.com/jtmkrueger/JAIL

更新 --------------------------------------------------

根据@davin:

接受的答案，我必须这样做
var arrayit = function(obj) {
  return Array.prototype.slice.call(obj);
};
imgArray = arrayit(images);
work = _.map(images, function(i){ return i.attributes[0].ownerElement.outerHTML; });
var worker = new Worker('jail_worker.js');
worker.postMessage(work)
worker.onmessage = function(event) {
  console.log("Worker said:" + event.data);
};

最初的异常很可能被抛出，因为你试图传递一个host对象给web worker(很可能是一个dom元素)。您随后的尝试不会抛出相同的错误。记住两个关键点:不同线程之间没有共享内存，并且web worker不能操作DOM。

postMessage支持将结构化数据传递给线程，并将内部序列化(或以其他方式递归地复制数据的值)数据。序列化DOM元素通常会导致循环引用错误，所以最好的办法是map你想要序列化的对象，并提取相关数据在web worker中重建。

Uncaught DataCloneError: An object could not be cloned在尝试保存到indexeddb函数作为对象的键时被复制。需要再次检查保存的对象是否可序列化

相关文章：