在此页

• Web 工作者概念和用法
• Web 工作者接口
• 范例
• 规范
• 另请参阅
• 相关话题

Web 工作者 makes it possible to run a script operation in a background thread separate from the main execution thread of a web application. The advantage of this is that laborious processing can be performed in a separate thread, allowing the main (usually the UI) thread to run without being blocked/slowed down.

Web 工作者概念和用法

A worker is an object created using a constructor (e.g. Worker() ) that runs a named JavaScript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current window . This context is represented by either a DedicatedWorkerGlobalScope object (in the case of dedicated workers - workers that are utilized by a single script), or a SharedWorkerGlobalScope (in the case of shared workers - workers that are shared between multiple scripts).

You can run whatever code you like inside the worker thread, with some exceptions. For example, you can't directly manipulate the DOM from inside a worker, or use some default methods and properties of the window object. But you can use a large number of items available under window ，包括 WebSockets , and data storage mechanisms like IndexedDB 。见 可用于工作者的函数和类 了解更多细节。

Data is sent between workers and the main thread via a system of messages — both sides send their messages using the postMessage() method, and respond to messages via the onmessage event handler (the message is contained within the 消息 event's data property). The data is copied rather than shared.

Workers may in turn spawn new workers, as long as those workers are hosted within the same origin as the parent page. In addition, workers may use XMLHttpRequest for network I/O, with the exception that the responseXML and channel attributes on XMLHttpRequest 始终返回 null .

In addition to dedicated workers, there are other types of worker:

• Shared workers are workers that can be utilized by multiple scripts running in different windows, IFrames, etc., as long as they are in the same domain as the worker. They are a little more complex than dedicated workers — scripts must communicate via an active port. See SharedWorker 了解更多细节。
• 服务工作者 essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs.
• Chrome Workers are a Firefox-only type of worker that you can use if you are developing add-ons and want to use workers in extensions and have access to js-ctypes in your worker. See ChromeWorker 了解更多细节。

注意 : As per the Web workers Spec , worker error events should not bubble (see bug 1188141 . This has been implemented in Firefox 42.

Web 工作者接口

AbstractWorker

Abstracts properties and methods common to all kind of workers (i.e. Worker or SharedWorker ).

Worker

Represents a running worker thread, allowing you to pass messages to the running worker code.

WorkerLocation

Defines the absolute location of the script executed by the Worker .

SharedWorker

Represents a specific kind of worker that can be accessed from several 浏览上下文 , being several windows, iframes or even workers.

WorkerGlobalScope

Represents the generic scope of any worker (doing the same job as Window does for normal web content). Different types of worker have scope objects that inherit from this interface and add more specific features.

DedicatedWorkerGlobalScope

Represents the scope of a dedicated worker, inheriting from WorkerGlobalScope and adding some dedicated features.

SharedWorkerGlobalScope

Represents the scope of a shared worker, inheriting from WorkerGlobalScope and adding some dedicated features.

WorkerNavigator

Represents the identity and state of the user agent (the client):

范例

We have created a couple of simple demos to show basic usage:

• Basic dedicated worker example ( run dedicated worker ).
• Basic shared worker example ( run shared worker ).

You can find out more information on how these demos work in 使用 Web 工作者 .

规范

规范	状态	注释
HTML 实时标准 在该规范中的 Web Workers 定义。	实时标准	初始定义。

另请参阅

• 使用 Web 工作者
• Worker interface
• SharedWorker interface
• 服务工作者 API
• 可用于工作者的函数和类
• ChromeWorker : for using workers in privileged/chrome code

元数据

• 最后修改： Aug 26, 2020

相关话题

1. Web 工作者 API
2. 指南

   1. 使用 Web 工作者
   2. 可用于 Web 工作者的函数和类
   3. 结构化克隆算法
3. 接口

   1. AbstractWorker
   2. ChromeWorker
   3. DedicatedWorkerGlobalScope
   4. ServiceWorker
   5. SharedWorker
   6. SharedWorkerGlobalScope
   7. Worker
   8. WorkerGlobalScope
   9. WorkerLocation
   10. WorkerNavigator