什么是web worker

浏览器的环境，很容易提供多个JavaScript引擎实例，各自运行在自己的线程上，这样可以在不同的线程上运行不同的程序。程序中每一个这样的独立的多线程部分被称为一个（web）worker.这种类型的并行化被称为任务并行，因为其重点在于把程序划分为多个块来并发运行。

  1. // 实例化一个worker
  2. var w1 = new Worker("http://some.url.1/mycoolworker.js")

这个URL指向JavaScript文件的位置（而不是HTML页面），这个文件将被加载到一个worker中。然后浏览器启动一个独立的线程，让这个文件在这个独立的线程中运行。
worker w1对象上一个事件的侦听者和触发者，可以通过订阅它来获得这个worker发出的事件以及发送事件给这个worker.
以下是如何侦听事件（其实就是固定的“message”事件）：

  1. w1.addEventListener('message', function(evt) {
  2.   // evt.data
  3. })
  4. // 也可以发送“message”事件给这个worker
  5. w1.postMessage("something cool to say")
  6. // 在这个worker内部，收发消息是完全对称的：
  7. // “mycoolworker.js”
  8. addEventListener("message", function(evt) {
  9.   // evt.data
  10. })
  11. postMessage("a really cool reply")

注意：专用worker和创建它的程序之间是一对一的关系。也就是说，“message”事件没有歧义要消除，要么来自这个Worker要么来自主页面。
要在创建的Worker程序中终止Worker,可以调用Worker对象上的 terminate().
真5这點中有两个或多个页西（或同-西上的兰个w0！2 我器心人园一个文件UEg
建 sorker那么最终待到的交际上是完全強立的 wortker。 后面我们会饰单介绍如向出。
Worker.
5
你
看起来似乎恶忘或无知的 JavaScript程序只要在一个系统中生成上百个
Worker， 让每个worker运行在低级独立的线程上，就能够以此制造柜绝服
务攻击。尽管这确实从某种程度上保证了每个worker 将运行在自己的独立
线程上，但是这个保证并不是毫无限度的。系统能够决定可以创建多少个实
际的线程 /CPU/ 核心。没有办法预测或保证你能够访问多少个可用线程，尽
管很多人假定至少可以达到 CPU/ 核心的数量。我认为最安全的假定就是在
主 U线程之外至少还有一个线程，就是这样
5.1.1
Worker 环境
在 Worker 内部是无法访问主程序的任何资源的。这意味着你不能访问它的任何全局变量，
也不能访问页面的 DOM 或者其他资源。记住，这是一个完全独立的线程。
但是，你可以执行网络操作（Ajax、 WebSockets） 以及设定定时器。还有，Worker 可
以访问几个重要的全局变量和功能的本地复本，包括 navigator、Location、JsoN和
applicationCache.
你还可以通过 importscripts(.•）向 Worker 加载额外的 Javascript 脚本：
1/在Norker内部
importScripts(
“foo.is”,
“bar.js” );
这些脚本加载是同步的。也就是说，importscripts（…）调用会阻塞余下 Worker 的执行，
直到文件加载和执行完成。
另外，己经有一些讨论选及把为 Transferable（参见 5.1.2节），这将使 Worker 可以执行更高级的 off-thread
图形处理，这对于高性能游戏（WebGL）和其他类似的应用是很有用的。尽
管目前的浏览器中还不存在这种支持，但很可能不远的将来就会有。
Web Worker 通常应用于哪些方面呢？
• 处理密集型数学计算
大数据集排序
数据处理（压缩、音频分析、因像处理等）
高流量网络通信
5.1.2
数据传递
造大量的信息，可能是双向的。
你可能已给注花到这地这點好的大至数石一个共性，號是际要在幾輕之向道过你件物利传
拉早期的 woriker 中，1一的选排航是把所石致招洋3化到-个字称車值中。除下双而济
行化导致的速度机失之外，易一个主夒的红面因类是教报給發被受利，送忘味落两福的的
存使用（政其引1起的拉圾收集方面的波动）。
谢天谢地，现在已经有了一些更好的选择
如具要传道一个对象，可以使用结柏化充隆年法(stueumredl olomne algeoritanw) (Caupasn
Hoveloper.mozila.org/en-U Sldocs/Web/Guide/ APIDOM/The structured olone aleorithm） 把这个
对级复制到另一边。这个算法非常高级，甚至可以处理要复制的对象有循环号1用的情况。这
样就不用付出to string 和 trom-sting 的性能损失 了，但是这种方案还是要使用双倍的内存。
正10 及更高版本以及所有其他主流浏览器都支持这种方案。
还有一个更好的选择，特别是对于大数据集而言，就是使用Transferable 对系 (http/l
updates.htmlSrocks.com/2011/12/Transterable- Objects-Lightning Fast)。这时发生的是对象所
有权的转移，数据本身并没有移动。一旦你把对象传递到一个 worker 中，在原来的位置
上，它就变为空的或者是不可访问的，这样就消除了 多线程编程作用域共享带来的混乱。
当然，所有权传递是可以双向进行的。
如果选择 Transferable 对象的话，其实不需要做什么。任何实现了 Transferable 接口
(http://developer. mozilla.org/en-US/docs/Web/API/Transferable）的数据结构就自动按照这种
方式传输（Firefox 和 Chrome 都支持）。
举例来说，像 Uint8Array 这样的带类型的数组（参见本系列的《你不知道的 JavaScript
(下卷）》的“ES6 & Beyond” 部分）就是Transferable。下面是如何使用 postMessage(..）
发送一个 Transferable 对象：
//比如foo是一个Uint8Array
postMessage( foo.buffer, [ foo. buffer ] );
第一个参数是一个原始缓冲区，第二个是一个要传输的内容的列表。
不支特 Transferable 对象的浏览器就降级到结枸化克隆，这会带来性能下降而不是彻底的
功能失效。
5.1.3
共享 Worker
刘果你的站点域 0p元许加我同-个项面的至个100（一个強见的功能)，那公可能非然希这通过防止重复专用 worker米阵低系统的资派使用。在这一方西跟端见的有眼货瓶联短
Sooker网络连接，因为浏览器限制了到同一个主机的同时连接敏目 当然，眼制米自稍高
一客户端的连接数也减轻了你的资源压力。
在这种情况下，创建一个整个站点或 20p 的所有五面实例都可以共享的中心 Woiker就排
常有用了
这称为 Sharedliorker，可通过下面的方式创建（只有 Firefox 和 Chrome 支特这一功能)
var w1 = new Sharedworker( “http://some . url.1/mycoolworker. js”
因为共享 Worker 可以与站点的多个程序实例或多个页面连接，所以这个 Worker 需要通过
某种方式来得知消息来自于哪介程序。这个唯一标识符称为端口 (Dort)，可以类比网络
socket 的端口。因此，调用程序必须使用 Worker 的port 对象用于通信：
w1.port.addEventListener ( “message”, handleMessages ) ;
5.
从
但
WO
如
提
程
就
所
供
w
看
在
w1.port.postMessage(
“something cool” );
还有，端口连接必须要初始化，形式如下：
w1.port.starto；
在共享 Worker 内部，必须要处理额外的一个事件：
“connect”。这个事件为这个特定的连
接提供了端口对象。保持多个连接独立的最简单办法就是使用 port 上的闭包（参见本系列
《你不知道的 Javascript（上卷）》的“作用域和闭包”部分)，就像下面的代码一样，把这
个链接上的事件侦听和传递定义在”connect” 事件的处理函数内部：
1/在共享worker内部
addEventListener( “connect”, function (evt){
1/这个连接分配的端口
var port = evt. ports[0];
port. addEventListener ( “message”, function (evt)f
port. postMessage(
);
} );
//初始化端口连接
port.start();
} );