微信小程序：woker多线程

最新推荐文章于 2025-05-10 20:20:05 发布

axzzy

最新推荐文章于 2025-05-10 20:20:05 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序 javascript

本文链接：https://blog.youkuaiyun.com/axzzy/article/details/119953116

微信小程序专栏收录该内容

4 篇文章

订阅专栏

本文探讨了JavaScript单线程限制下的问题，并介绍了Worker线程如何利用多核CPU提升计算效率。通过配置步骤和实例，讲解了如何在App中创建、通信和销毁Worker，以及Worker内部的简单操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js是单线程的，在有时候需要处理一些密集计算或者是高延迟的时候，总会出现不便。
而且，现在的cpu都是多核的，单线程也无法充分发挥电脑的计算能力。
正是基于这种情况，才有了worker的诞生

注意事项

1、主线程和worker线程之间是通过消息来通信的，主线程不能直接调用worker线程中的函数
2、worker线程中不能使用使用wx系列的api。

实现步骤

配置、主线程中创建调用和销毁、worker线程中实现。
步骤一：配置在app.json中配置worker目录
步骤二：主线程中创建调用和销毁这一步需要注意的就是，创建时填写的是绝对路径，
其他基本没什么问题。例如以下代码，我们创建了worker线程，
并向其发送了1个对象，对象中x=10和y=2。然后在接收到worker线程的消息时，打印出来。
// ...page.js
  onLoad: function (options) {
    const worker = wx.createWorker('/worker/index.js');
    worker.postMessage({
      x : 10,
      y : 2
    });

    worker.onMessage(function(res){
      console.log('这是主线程打印的')
      console.log(res)
      //逻辑执行完毕 可以销毁
      worker.terminate()//销毁
    });
    
  },
步骤三：  worker线程中实现worker中其实是默认注入了一个叫worker的对象，
直接调用监听消息和发送消息即可。如以下代码：
// woket/ index.js
worker.onMessage(function(res){
  console.log('这是worker内部线程打印的')
  console.log(res)
  let sum = add(res.x,res.y);
  worker.postMessage({
    sum : sum
  })
});

function add(x,y){
  return x+y;
}