postMessageでデータを受信する方法は何ですか？

postMessageは、ウィンドウ、iframe、workerなどの異なるブラウザコンテキスト間でメッセージを送受信するためのWeb APIメソッドです。データを受信する方法は2つあります。

1. データを受け取るためにmessageイベントリスナーを使用します。

window.addEventListener('message', function(event) {
  // event.data中存储了传递的数据
  console.log('接收到的数据：', event.data);
});

1. データを受信する際にonmessageイベントハンドラを使用する。

self.onmessage = function(event) {
  // event.data中存储了传递的数据
  console.log('接收到的数据：', event.data);
};

postMessageメソッドが呼び出された時にデータを受け取ることができるのは、この2つの方法です。