postMessage webworker 内存泄漏

Question

我正在使用网络工作者以 10 毫秒的间隔传递一些数据。在任务管理器中，我可以看到工作内存集增加，直到我不取消间隔。

这就是我正在做的事情：

发送：

function send() {
 setInterval(function() { 
    const data = {
     array1: get100Arrays(),
     array2: get500Arrays()
    };

    let json = JSON.stringify( data );
    let arbfr = str2ab (json);
    worker.postMessage(arbfr, [arbfr]);
  }, 10);
}


function str2ab(str) {
   var buf = new ArrayBuffer(str.length*2); // 2 bytes for each char
   var bufView = new Uint16Array(buf);
   for (var i=0, strLen=str.length; i<strLen; i++) {
     bufView[i] = str.charCodeAt(i);
   }
   return buf;
 }

我也尝试这样做，但没有成功：

// let json =  JSON.stringify( data );
// let arbfr = str2ab(json);
worker.postMessage(data);

有人知道为什么这可能会泄漏吗？我目前正在 Chrome 上尝试这个。

Answer 1

通常，在主线程和工作线程之间多次传递值时，会在 Web Worker 中产生内存泄漏。
如果可能，请尝试仅将数组发送给网络工作者一次。
您还可以检测您的 Transferable Objects 是否正常工作（该数组将被绝育）

var ab = new ArrayBuffer(1);

try {
   worker.postMessage(ab, [ab]);

   if (ab.byteLength) {
      console.log('TRANSFERABLE OBJECTS are not supported in your browser!');
   } 
   else {
     console.log('USING TRANSFERABLE OBJECTS');
   }
} 
catch(e) {
  console.log('TRANSFERABLE OBJECTS are not supported in your browser!');
}