javascript - 取消 Web Worker

Question

我有一个网络 worker ，但我希望它提前终止并在新请求到来时被替换，调用 .terminate() 似乎完全杀死它，我只是希望它停止对先前请求的任何处理.

这是一些示例代码，我只想要最新的 slider 值，任何未完成的 slider 值都应该被取消以获得更好的性能 -

index.html

<input type="range" id="inputRange"/>
<div id="result"></div>
<script>
var worker = new Worker("worker.js")
document.getElementById("inputRange").oninput = function(e) {
  worker.postMessage(e.target.value);
}
worker.onmessage = function(e) {
  document.getElementById("result").textContent=e.data;
}
</script>

worker.js

onmessage = function (args) {
  var total=0;
    for (var i=0;i<1000000;i++)
      total+=args.data*Math.random()
  postMessage(args.data+"="+Math.floor(total));
}

http://plnkr.co/edit/Glam0SsPonmngep8YWPq?p=preview

Answer 1

在您的网络 worker 中，您可以在 Promise.race() 的帮助下包含回调竞争条件。方法。

• 第一个 Promise 实现正常行为，并将在进程终止时得到解决。
• 当 Web Worker 收到新消息时，第二个 Promise 就实现了。

一旦 Promise 得到解决，Promise.race() 就会自行解决。