如何将全局数组传递给web worker并将其返回？

Question

持续30-40分钟我想知道如何将一个数组传递给一个web worker并返回它。目前我做到以下几点：

var myglobalarray = [1, 2, 3, 4, 5]; 
var code = 'self.addEventListener("message", function(e) {' + 
' var receivedArray = e.data.buffer;' + 
' var receivedArraysize = receivedArray.length;' + 
' //doSomethinWithreceivedArray here...' + 
' self.postMessage(receivedArray, [receivedArray]);' + 
'}, false);'; 
var blob = new Blob([code], {type: 'text/javascript'}); 
var blobURL = window.URL.createObjectURL(blob); 
var worker = new Worker(blobURL); 

worker.addEventListener('message', function(e) { 
    var returnedArray = e.data; 
    myglobalarray.length = 0; 
    myglobalarray = e.data.slice(); 
}, false); 

var passedArray = new ArrayBuffer(myglobalarray); 
worker.postMessage(passedArray, [passedArray]); 

，但仍然得到receivedArray is undefined和receivedArray.length is undefined。任何想法是哪里的问题？

Answer 1

一个简单的例子，数据是JSON序列化

var blob = new Blob(["self.addEventListener('message', function(e) { postMessage(e.data); }, false);"]), 
    blobURL = window.URL.createObjectURL(blob), 
    worker = new Worker(blobURL); 

worker.addEventListener('message', function (e) { 
    console.log(e.data); 
}, false); 

worker.postMessage([1, 2, 3]); 

在jsFiddle

或者，也许这是你真正想要的，缓冲区被转移？您的标题/问题不清楚。

var blob = new Blob(["self.addEventListener('message', function(e) { postMessage(e.data, [e.data]); }, false);"]), 
    blobURL = window.URL.createObjectURL(blob), 
    worker = new Worker(blobURL), 
    myArray = [1, 2, 3, 4, 5], 
    bufView = new Int8Array(myArray.length); 

bufView.set(myArray); 
worker.addEventListener('message', function (e) { 
    console.log('transferred buffer in new view:', new Int8Array(e.data)); 
}, false); 

worker.postMessage(bufView.buffer, [bufView.buffer]); 
console.log('myArray - preserved:', myArray); 
console.log('bufView - cleared by transfer:', bufView); 

在jsFiddle