Web Workers

Web Workers是一种机制,通过它可以使一个脚本操作在与Web应用程序的主执行线程分离的后台线程中运行。这样做的优点是可以在单独的线程中执行繁琐的处理,让主(通常是UI)线程运行而不被阻塞/减慢。一些计算繁琐的程序放在其他脚本中用非主线程中进行。

一个 worker 是使用构造函数创建的一个对象(woker()), 运行一个命名的 JavaScript文件 — 这个文件包含了将在 worker 线程中运行的代码,并且 worker 在与当前window不同的另一个全局上下文中运行。

woker的参数为脚本的url,该脚本必须遵守同源政策。

let myWorker = new Worker("worker.js");

first.onchange = function() {
  myWorker.postMessage([first.value,second.value]);
  console.log('Message posted to worker');
}
你不能直接在 worker 线程中操纵 DOM 元素, 或者使用某些window对象中默认的方法和属性。 但是 window 对象中很多的方法和属性你是可以使用的,包括websocket,以及诸如indexDB这一类数据存储机制。
主线程和 worker 线程之间通过这样的方式互相传输信息:两端都使用 postMessage() 方法来发送信息, 并且通过 onmessage 这个 event handler来接收信息。 (传递的信息包含在Message这个事件的数据属性内) 。数据的交互是通过传递副本,而不是直接共享数据。
 
原文地址:https://www.cnblogs.com/ziqian9206/p/7234039.html