传输 TypedArrays 的正确方法？

Question

给定像 Uint8Array 这样的类型化数组，似乎有两种方法可以通过 worker 传输它们。

选项 1

直接发送缓冲区并在接收端进行转换：

发件人：postMessage({fooBuffer: foo.buffer}, [foo.buffer])

收件人：const bar = new Uint8Array(msg.data.fooBuffer)

选项 2

发送 TypedArray 并仅传输其缓冲区：

发件人：postMessage({foo: foo}, [foo.buffer])

接收方：按原样使用 foo。

在我看来，选项 2 更可取，因为接收方不需要知道数据的类型，而且它的代码更少——但我一直只遇到选项 1 风格的示例。

更重要的是，在我当前的代码中，只有选项 2 有效。我已确认数据已传输，因为仅在发送后，foo[0] 变为未定义。

使用选项 2 可以吗，即使它不是我看到的示例代码的标准？

Answer 1

差异完全微不足道。如果你传递类型化数组，你真正传递的只是关于它是什么类型的信息。无论如何，将使用移动的缓冲区创建数组视图的新实例。

所以这完全取决于您的需要。 Either way works, check this fiddle.

`index.js`

var worker = new Worker(url);

worker.addEventListener("error", function(e) {
    console.warn("Worker error:", e);
});
worker.addEventListener("messageerror", function(e) {
    console.warn("Message error:", e);
});

var arrayBuffer = new Float64Array([1,2,3,4,5]).buffer;
var array = new Float64Array([1,2,3,4,5])
worker.postMessage({name:"buffer", data:arrayBuffer}, [arrayBuffer]);
worker.postMessage({name:"array", data:array}, [array.buffer]);

worker.js

  self.onmessage = function(e) {
    switch(e.data.name) {
      case "buffer" : 
          console.log("Array buffer:", new Float64Array(e.data.data))
      break;
      case "array": 
          console.log("Array:", e.data.data);
          break;
      default:
        console.error("Unknown message:", e.data.name);
    }
  }

传输 TypedArrays 的正确方法？

Correct way to transfer TypedArrays?

javascript

web-worker

`index.js`

worker.js