postmessage

sendmessage和postmessage都是Windows API中的函数，用于在不同的线程之间发送消息。

sendmessage是同步的，它会等待消息处理完毕后才返回，而postmessage是异步的，它会立即返回，不等待消息处理完毕。

sendmessage和postmessage的参数和返回值都不同，sendmessage的返回值是消息处理函数的返回值，而postmessage的返回值是一个布尔值，表示消息是否成功发送。

在使用这两个函数时需要注意线程安全问题，如果在不同的线程之间发送消息，需要使用线程同步机制来保证数据的正确性。

相关问题

POSTMessage

`postMessage()` 是一种在浏览器中用于跨源通信的技术，它允许不同源的网页间传递消息。这是通过JavaScript的`window.postMessage()`方法实现的，尤其常用于如框架间的通信（例如React Native中的App与H5页面），或者在拥有安全同源策略限制的场景下，如跨iframe通信[^1]。

**示例1: 跨iframe通信**

// 主页面 (父页面)
let iframe = document.getElementById('childIframe');
iframe.contentWindow.postMessage('Hello from parent', '*');

// 如果rame内的页面 (子页面)
window.addEventListener('message', function(event) {
    if (event.origin !== 'http://parent.com') return; // 检查来源
    console.log('Received message:', event.data);
}, false);

**示例2: 微信小程序Webview与H5通信**
在微信小程序中，虽然Webview组件不能直接使用`postMessage()`，但可以通过设置`onLoad`事件监听器来间接实现数据交换[^2]。首先在H5页面中发送消息：

window.parent.postMessage('Hello from H5', '*');

然后在小程序的Webview上接收并处理消息：

wx.createSelectorQuery()
.select('#webviewId')
.fields({
  node: true,
})
.exec((res) => {
  const webView = res[0].node;
  webView.addEventListener('load', () => {
    webView.onmessage = function(e) {
      console.log('Received message in WeChat:', e.data);
    };
  });
});

请注意，实际使用时需要确保安全性和权限设置正确。

postMessage

postMessage是HTML5中新增的API，它可以在不同的窗口或iframe之间发送消息，实现跨域通信。postMessage的基本用法如下：

// 发送消息
targetWindow.postMessage(message, targetOrigin);

// 接收消息
window.addEventListener('message', event => {
  // 处理接收到的消息
});

其中，`targetWindow`表示目标窗口，可以是其他窗口、iframe或者父窗口。`message`是要发送的消息，可以是任何JavaScript数据类型。`targetOrigin`表示目标窗口的域名，用于安全验证，如果不需要验证，可以设置为`'*'`。

在接收消息的窗口中，需要通过`window.addEventListener`方法监听`message`事件，当接收到消息时，会触发回调函数，事件对象`event`包含了发送者窗口、消息内容和消息来源等信息。

通过postMessage实现跨域通信，可以避免一些跨域限制，但也需要注意安全问题，避免被恶意利用。