Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. Worker
  4. message

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

Worker: message Event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.

Hinweis: Diese Funktion ist inWeb Workers verfügbar, mit Ausnahme vonService Workers.

Dasmessage-Ereignis wird auf einemWorker-Objekt ausgelöst, wenn die übergeordnete Instanz des Workers eine Nachricht von ihrem Worker erhält (d.h. wenn der Worker eine Nachricht mithilfe vonDedicatedWorkerGlobalScope.postMessage() sendet).

Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wieaddEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("message", (event) => { })onmessage = (event) => { }

Ereignistyp

EinMessageEvent. Erbt vonEvent.

Event MessageEvent

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften von ihrem Elternteil,Event.

MessageEvent.dataSchreibgeschützt

Die vom Nachrichtenemittenten gesendeten Daten.

MessageEvent.originSchreibgeschützt

Ein String, der den Ursprung des Nachrichtenemittenten darstellt.

MessageEvent.lastEventIdSchreibgeschützt

Ein String, der eine eindeutige ID für das Ereignis darstellt.

MessageEvent.sourceSchreibgeschützt

EineMessageEventSource (die einWindowProxy,MessagePort oder einServiceWorker-Objekt sein kann), die den Nachrichtenemittenten darstellt.

MessageEvent.portsSchreibgeschützt

Ein Array vonMessagePort-Objekten, die die mit dem Kanal verbundenen Ports darstellen, über die die Nachricht gesendet wird (wo zutreffend, z. B. beim Kanal-Messaging oder beim Senden einer Nachricht an einen gemeinsamen Worker).

Beispiele

Dieser Code erstellt einen neuen Worker und hört Nachrichten von ihm mitaddEventListener() ab:

js
const worker = new Worker("static/scripts/worker.js");worker.addEventListener("message", (event) => {  console.log(`Received message from worker: ${event.data}`);});

Alternativ könnte er mit deronmessage-Ereignis-Handler-Eigenschaft abgehört werden:

js
const worker = new Worker("static/scripts/worker.js");worker.onmessage = (event) => {  console.log(`Received message from worker: ${event.data}`);};

Der Worker sendet Nachrichten mitself.postMessage():

js
// static/scripts/worker.jsself.postMessage("I'm alive!");

Spezifikationen

Specification
HTML
# event-message

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp