TypeScript中的window.postMessage()如何使用

在TypeScript中使用window.postMessage()方法非常简单，只需要按照一般的JavaScript方式调用即可。window.postMessage()方法允许向其他窗口发送消息，这些窗口可能在同一个域或不同域。以下是一个示例：

// 发送消息
window.postMessage("Hello, other window!", "http://example.com");

// 监听消息
window.addEventListener("message", (event) => {
    // 确保消息来自指定的源
    if (event.origin === "http://example.com") {
        console.log("Received message: " + event.data);
    }
});

在上面的代码中，我们首先使用window.postMessage()方法向http://example.com发送消息。然后，我们使用window.addEventListener()方法监听message事件，当接收到消息时，我们打印出接收到的消息内容。

需要注意的是，使用window.postMessage()方法发送消息时，第二个参数是目标窗口的源(origin)，这是为了确保消息只发送给指定的窗口。在监听message事件时，我们可以通过event.origin来验证消息是否来自期望的源。