Worker

Worker 接口是 Web Workers API 的一部分，指的是一种可由脚本创建的后台任务，任务执行中可以向其创建者收发信息。要创建一个 Worker，只须调用 Worker(URL) 构造函数，函数参数 URL 为指定的脚本。

Worker 也可以创建新的 Worker，当然，所有 Worker 必须与其创建者同源（注意：Blink暂时不支持嵌套 Worker）。

需要注意的是，不是所有函数和构造函数 (或者说…类) 都可以在 Worker 中使用。具体参考页面 Worker 所支持的函数和类。Worker 可以使用 XMLHttpRequest 发送请求，但是请求的 responseXML 与 channel 两个属性值始终返回 null （fetch 仍可正常使用，没有类似的限制）。

备注：如果你要在火狐浏览器的扩展使用 Worker 访问 js-ctypes，应使用 ChromeWorker 对象来替代。(译者注：这里没有看懂，希望有人能驳正，或添加说明)

构造函数

Worker(): 创建一个专用 Web worker，它只执行 URL 指定的脚本。使用 Blob URL 作为参数亦可。

属性

继承父接口 EventTarget 的属性。

事件句柄

AbstractWorker.onerror: 当ErrorEvent 类型的事件冒泡到 worker 时，事件监听函数 EventListener 被调用。它继承于 AbstractWorker.
Worker.onmessage: 当MessageEvent类型的事件冒泡到 worker 时，事件监听函数 EventListener 被调用。例如，一个消息通过 DedicatedWorkerGlobalScope.postMessage，从执行者发送到父页面对象，消息保存在事件对象的 data 属性中。
Worker.onmessageerror: 当messageerror 类型的事件发生时，对应的事件处理器代码被调用。

方法

继承父接口 EventTarget 的方法。

Worker.postMessage(): 发送一条消息到最近的外层对象，消息可由任何 JavaScript 对象组成。
Worker.terminate(): 立即终止 worker。该方法不会给 worker 留下任何完成操作的机会；就是简单的立即停止。Service Woker 不支持这个方法。

示例

下面的代码通过构造函数 Worker() 创建了一个 Worker 对象。

var myWorker = new Worker("worker.js");
var first = document.querySelector("#number1");
var second = document.querySelector("#number2");

first.onchange = function () {
  myWorker.postMessage([first.value, second.value]);
  console.log("Message posted to worker");
};

完整的示例，请查阅 Basic dedicated worker example (run dedicated worker).

规范

Specification
HTML Standard # dedicated-workers-and-the-worker-interface

使用 Web Worker
Web Worker 可用的函数和类
其他类型的 worker：SharedWorker 和 ServiceWorker.
OffscreenCanvas 接口

Worker

构造函数

属性

事件句柄

方法

示例

规范

浏览器兼容性

跨域行为的错误事件

参见