微信小程序基础教程之worker线程的使用方法

前言

在君山等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计、网站制作网站设计制作按需定制制作,公司网站建设,企业网站建设,高端网站设计,成都全网营销推广,外贸网站建设,君山网站建设费用合理。

我们知道js是单线程的，在有时候需要处理一些密集计算或者是高延迟的时候，总会出现不便。而且，现在的cpu都是多核的，单线程也无法充分发挥电脑的计算能力。正是基于这种情况，才有了worker的诞生。由于微信小程序官方的教程比较看不懂...所以本篇主要介绍一下worker在小程序中的用法。

worker的一些说明

本篇主要是在小程序中使用worker，因为说明部分也是和小程序相关。

1、主线程和worker线程之间是通过消息来通信的，主线程不能直接调用worker线程中的函数

2、worker线程中不能使用使用wx系列的api。

步骤说明

小程序中，worker用法主要分为3步（按我个人的划分），分别是：配置、主线程中创建调用和销毁、worker线程中实现。

步骤一：配置

在app.json中配置worker目录，如下图（具体需要自己一一对应目录）

微信小程序基础教程之worker线程的使用方法

步骤二：主线程中创建调用和销毁

这一步需要注意的就是，创建时填写的是绝对路径，其他基本没什么问题。例如以下代码，我们创建了worker线程，并向其发送了1个对象，对象中x=10和y=2。然后在接收到worker线程的消息时，打印出来。

// welcome.js
 onLoad: function (options) {

  const worker = wx.createWorker('/worker/myworker.js');
  worker.postMessage({
   x : 10,
   y : 2
  });

  worker.onMessage(function(res){
   console.log('这是主线程打印的')
   console.log(res)
  });
  
 },

worker线程中实现

worker中其实是默认注入了一个叫worker的对象，直接调用监听消息和发送消息即可。如以下代码：

// myworker.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;
}

打印代码如下图：

微信小程序基础教程之worker线程的使用方法

小结

worker使用方法就是这样了，一般来说密集计算和高延迟的代码片段我们会放入其中，其他的话在主线程直接执行就好了。

好的，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对创新互联的支持。

名称栏目：微信小程序基础教程之worker线程的使用方法
链接地址：http://kswjz.com/article/iiohod.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

微信小程序基础教程之worker线程的使用方法

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP