19、在浏览器和服务器中运行TypeScript的全解析

在浏览器和服务器中运行TypeScript的全解析

一、在浏览器中使用Web Workers

JavaScript 通常设计为在单线程上运行事件循环，但在某些情况下，我们可能需要额外的线程来处理任务，这时就可以使用 Web Workers。Web Workers 允许脚本在后台线程上运行，它有独立的全局上下文，并且可以通过事件与创建它的主线程进行通信。

1. 创建 Web Worker

要创建一个新的 Web Worker，需要将在后台线程运行的代码放在一个单独的 JavaScript 文件中。以下是 worker.ts 文件的代码示例：

declare function postMessage(message: any): void;
let id = 0;
self.setInterval(() => {
    id++;
    var message = {
        'id': id,
        'message': 'Message sent at ' + Date.now()
    };
    postMessage(message);
}, 1000);

在这个示例中， setInterval 方法是在 self 上调用的，而不是 window ，这表明 Worker 在一个独立的上下文中运行。 postMessage 事件用于将信息从 Worker 发送回主线程