如何创建和使用Web Worker?

Web Worker 是一种允许你在后台线程中运行 JavaScript 代码的机制，这可以避免影响页面的性能。创建和使用 Web Worker 通常涉及以下几个步骤：

1. 创建一个新的 Worker：
使用 `new Worker('worker.js')` 构造函数来创建一个新的 Web Worker 实例。这里的 'worker.js' 是一个包含了可以在后台运行的 JavaScript 代码的文件。

2. 在主脚本中与 Worker 通信：
使用 `postMessage` 方法发送消息给 Worker，同时也可以监听 Worker 发送回主脚本的消息。通过 `addEventListener` 方法添加一个 'message' 事件监听器来接收消息。

   var worker = new Worker('worker.js');
   worker.postMessage('Hello, worker!');
   worker.onmessage = function(e) {
       console.log('Received message from worker: ' + e.data);
   };

3. 在 Worker 中接收和发送消息：
在 Worker 线程中，使用 `self.onmessage` 事件监听器来接收来自主脚本的消息，并使用 `postMessage` 方法向主脚本发送消息。

   self.onmessage = function(e) {
       console.log('Received message from main script: ' + e.data);
       self.postMessage('Worker response to: ' + e.data);
   };

4. 终止 Worker：
如果不再需要 Worker，可以调用 `terminate` 方法来终止它。

   worker.terminate();

5. 错误处理：
可以监听 Worker 的 'error' 事件来处理在 Worker 线程中发生错误的情况。

   worker.onerror = function(error) {
       console.log('Worker error: ' + error.message);
   };