postMessage webworker内存泄漏

postMessage webworker memory leak

本文关键字:泄漏 内存 webworker postMessage      更新时间:2023-09-26

我使用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上尝试这个。

通常在主线程和工作线程之间多次传递值时会产生内存泄漏。
如果可能的话,尽量只将数组发送给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!');
}