原文链接: Promise和worker内存泄漏的问题
https://www.cnblogs.com/cangqinglang/p/10580297.html
首先一个已经resolve的promise不会被reject, 也不会报错
1let resolve 2let reject 3 4const p = new Promise((_resolve, _reject) => { 5 resolve = _resolve 6 reject = _reject 7}) 8 9setTimeout(() => { 10 resolve() 11}, 1000) 12setTimeout(() => { 13 reject() 14}, 2000) 15 16async function main() { 17 console.log("main") 18 await p 19 console.log("after") 20} 21main() 22// main 23// after
不过也有点奇怪, 如果是worker中的话, 我已经将buffer转移过去了, 此时worker被关闭就算有内存泄漏, 也不会有这么大吧...
向终止的worker中也能转移数据
打开内存监控
只上传一张图片, 居然创建了10个imageData...
参考
https://www.cnblogs.com/cangqinglang/p/10580297.html
猜测
promise向worker发送数据, 但是worker被终止, 此时不能被resolve, 所持有的资源也不会被回收
1> CPU usage - 当前站点的 CPU 使用量； 2> JS heap size - 应用的内存占用量； 3> DOM Nodes - 内存中 DOM 节点数目； 4> JS event listeners- 当前页面上注册的 JavaScript 事件监听器数量; 5> Documents - 当前页面中使用的样式或者脚本文件数目； 6> Frames - 当前页面上的 Frames 数目，包括 iframe 与 workers； 7> Layouts / sec - 每秒的 DOM 重布局数目； 8> Style recalcs / sec - 浏览器需要重新计算样式的频次；
初始状态
生成promise
reject所有Promise, 好像没啥效果.... 前端好像不能直接控制垃圾回收....
基本上证实了, promise中的资源没有被释放, 这就很烦了... 要是直接reject这东西不仅会报错, 还会跳到await的那个地方...
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Document</title> 7 </head> 8 <body> 9 <button onclick="post()">post</button> 10 <button onclick="stopWorker()">stop</button> 11 <script> 12 const list = [] 13 async function post() { 14 list.push( 15 new Promise(r => { 16 const w = 4000 17 const h = 3000 18 const buffer = new Uint8ClampedArray(w * h * 4) 19 const imageData = new ImageData(buffer, w, h) 20 console.log("imageData", imageData) 21 }), 22 ) 23 console.log(list) 24 } 25 </script> 26 </body> 27</html>