如何创建 web worker

要创建一个Web Worker，您需要使用Worker构造函数。该构造函数需要一个指向脚本文件的URL作为其参数，例如：

const worker = new Worker('worker.js');

其中，`worker.js`是您要在Web Worker中运行的JavaScript文件的URL。这将创建一个新的Web Worker线程，并将其连接到主线程。

在worker.js文件中，您可以使用`self`对象来引用Web Worker本身，并在其中编写要运行的JavaScript代码。例如：

// worker.js

// 监听来自主线程的消息
self.addEventListener('message', (event) => {
  // 处理收到的消息
  const data = event.data;
  console.log('Received data:', data);
  
  // 发送响应消息回主线程
  self.postMessage('Response message');
});

在主线程中，您可以使用`worker.postMessage()`方法向Web Worker线程发送消息，并使用`worker.onmessage`事件监听来自Web Worker线程的响应消息。例如：

const worker = new Worker('worker.js');

// 向Web Worker发送消息
worker.postMessage('Hello worker');

// 监听来自Web Worker的响应消息
worker.onmessage = (event) => {
  console.log('Received response:', event.data);
};

这样就可以创建并使用Web Worker来在单独的线程中运行JavaScript代码，而不会阻塞主线程。