Web Workers 是 HTML5 引入的让 JavaScript 运行在后台线程中的 API，它可以让我们在 web 应用中进行并发计算或对耗时操作进行解耦处理。在 Deno 中，我们也可以使用 Web Workers 来处理一些计算密集型任务，使应用程序可以更加高效地运行。
本文将通过以下几个部分详细介绍在 Deno 中使用 Web Workers：
- 了解 Web Workers
- 在 Deno 中使用 Web Workers 的方法
- 示例代码和详细解释
1. 了解 Web Workers
Web Workers API 允许我们在运行主线程的同时开启额外的线程来执行 JavaScript 代码。它的 API 与 browser 环境下的 API 是相同的。Web Workers 在 web 应用程序中被广泛应用于大规模数据处理、图像处理、视频处理等任务。
Web Workers 通过相互传递消息进行通信，这使得数据和状态的传输成为了一件比较容易的事情。在创建一个 Web Worker 之后，可以使用 postMessage() 来向工作线程发送消息，使用 message 事件来接受它的响应。
2. 在 Deno 中使用 Web Workers 的方法
在 Deno 中，我们可以使用全局对象 Worker 来创建 Web Workers，代码如下所示：
// 主线程
const worker = new Worker("worker.js");
worker.postMessage("hello");
// 工作线程
addEventListener("message", (event) => {
console.log(`received message: ${event.data}`);
})在创建 Web Worker 对象时需要向构造函数中传递一个 JavaScript 文件的 URI，这里我们以 worker.js 作为示例。通过 worker.postMessage(message) 方法可以向工作线程发送消息，我们可以在工作线程中使用 addEventListener("message", callback) 来接收消息。
需要注意的是，在 Deno 中创建的 Web Worker 文件只能是一个标准的 JavaScript 文件，不能是 TypeScript、CoffeeScript 等其他类型的文件，否则会出现类型错误。
3. 示例代码和详细解释
下面是一个在 Deno 中使用 Web Workers 的完整示例代码：
// javascriptcn.com 代码示例
// 主线程
const worker = new Worker("./worker.js");
worker.postMessage(42);
// 工作线程
addEventListener("message", (event) => {
console.log(`received message in worker: ${event.data}`);
event.data += 1;
postMessage(event.data);
})从上面的示例代码中可以看到，在主线程中，我们首先创建了一个 Web Worker，并使用 worker.postMessage() 发送了一个消息。在接下来的 worker.js 文件中，我们监听了 message 事件，读取到主线程发送来的消息，并将其自增后使用 postMessage() 将结果发送回主线程。
// worker.js
addEventListener("message", (event) => {
console.log(`received message in worker: ${event.data}`);
event.data += 1;
postMessage(event.data);
})当工作线程完成后，我们可以通过 worker.terminate() 方法关闭它。根据需要，我们可以重复创建、终止工作线程，以便在需要时协调并行计算。
总结
在本文中，我们介绍了如何在 Deno 中使用 Web Workers，Web Workers 是一种强大的机制，可以让我们更好地控制大规模数据处理和类似于视频解码、深度学习等计算密集型任务的性能。可以尝试使用多个 Web Workers 来平衡工作负载并优化计算速度。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652a515c7d4982a6ebca2327