uniapp小程序多线程 Worker 实战【2024】

在uniapp中使用多线程Worker时，可以通过uni.createWorker创建一个新的线程，并在其中运行JavaScript代码。以下是一个简单的例子：

// 在主线程中创建Worker
const worker = uni.createWorker('workers/requestWorker.js'); // 假设有workers/requestWorker.js文件
 
// 发送数据到Worker
worker.postMessage({
  msg: 'hello worker'
});
 
// 监听Worker发送过来的数据
worker.onMessage((res) => {
  console.log('收到Worker的消息：', res);
});
 
// 当Worker运行结束，可以关闭Worker
worker.onStop((res) => {
  console.log('Worker已关闭', res);
});
 
// 需要时可以关闭Worker
worker.terminate();

在workers/requestWorker.js文件中，可以这样处理接收到的消息：

// workers/requestWorker.js
 
// 监听接收到的消息
self.onmessage = function(event) {
  // 处理接收到的数据
  console.log('在Worker中收到消息：', event.data);
 
  // 做一些耗时的操作
  // ...
 
  // 发送数据到主线程
  self.postMessage({
    result: '处理完毕'
  });
};

以上代码演示了如何在uniapp小程序中创建和使用Worker线程的基本过程。Worker可以用于执行一些耗时的任务，而不会阻塞主线程，从而提高用户体验。