Worker：message 事件
注意：此功能在 Web Workers 中可用，但 Service Workers 除外。
当 Worker 的父级从其 Worker 接收到消息时（即，当 Worker 使用 DedicatedWorkerGlobalScope.postMessage() 发送消息时），会在 Worker 对象上触发 message 事件。
此事件不可取消，也不会冒泡。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
js
addEventListener("message", (event) => { })
onmessage = (event) => { }
事件类型
一个 MessageEvent。继承自 Event。
事件属性
此接口还继承了其父级 Event 的属性。
MessageEvent.data只读-
由消息发送者发送的数据。
MessageEvent.origin只读-
一个字符串，表示消息发送者的源。
MessageEvent.lastEventId只读-
一个字符串，表示事件的唯一 ID。
MessageEvent.source只读-
一个
MessageEventSource（可以是 WindowProxy、MessagePort或ServiceWorker对象），表示消息发送者。 MessageEvent.ports只读-
一个
MessagePort对象数组，表示消息发送通道（如果适用，例如在通道消息传递或向共享工作者发送消息时）关联的端口。
示例
此代码创建一个新的 Worker，并使用 addEventListener() 监听来自它的消息。
js
const worker = new Worker("static/scripts/worker.js");
worker.addEventListener("message", (event) => {
console.log(`Received message from worker: ${event.data}`);
});
或者，也可以使用 onmessage 事件处理程序属性来监听。
js
const worker = new Worker("static/scripts/worker.js");
worker.onmessage = (event) => {
console.log(`Received message from worker: ${event.data}`);
};
Worker 使用 self.postMessage() 发送消息。
js
// static/scripts/worker.js
self.postMessage("I'm alive!");
规范
| 规范 |
|---|
| HTML # event-message |
浏览器兼容性
加载中…