postMessage webworker内存泄漏

Question

我使用webworker以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工作线程中的内存泄漏是在主线程和工作线程之间多次传递值时造成的。

如果可能，请尝试仅将数组发送给web worker一次。

您还可以检测您的可转移对象是否正常工作(阵列将被清除)

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!');
}