微信小程序基础教程之worker线程的使用方法
更新时间：2019年07月15日 10:41:34 作者：甚时跃马归来
这篇文章主要给大家介绍了关于微信小程序基础教程之worker线程的使用方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
前言
我们知道js是单线程的，在有时候需要处理一些密集计算或者是高延迟的时候，总会出现不便。而且，现在的cpu都是多核的，单线程也无法充分发挥电脑的计算能力。正是基于这种情况，才有了worker的诞生。由于微信小程序官方的教程比较看不懂...所以本篇主要介绍一下worker在小程序中的用法。
worker的一些说明
本篇主要是在小程序中使用worker，因为说明部分也是和小程序相关。
1、主线程和worker线程之间是通过消息来通信的，主线程不能直接调用worker线程中的函数
2、worker线程中不能使用使用wx系列的api。
步骤说明
小程序中，worker用法主要分为3步（按我个人的划分），分别是：配置、主线程中创建调用和销毁、worker线程中实现。
步骤一：配置
在app.json中配置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使用方法就是这样了，一般来说密集计算和高延迟的代码片段我们会放入其中，其他的话在主线程直接执行就好了。
好的，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。
相关文章
消息/事件机制是几乎所有开发语言都有的机制，并不是deviceone的独创，在某些语言称之为消息(Event),有些地方称之为(Message).接下来通过本文给大家介绍JS事件和消息机制的理解 ，需要的朋友一起学习吧2016-04-04
字符串标签函数是一种特殊的函数调用语法，本文将深入探讨ES6中字符串标签函数的工作原理，并结合具体的代码展示它的威力，快跟随小编一起学习起来吧2023-06-06
虽然很少会遇到给bind返回的函数做new操作的场景，但面试中还是会涉及到的，所以本文将实现一下兼容new操作的bind写法，顺便学习一下new操作符，需要的可以参考一下2022-07-07
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
最近小编在做一个裁剪头像的功能，下面小编把使用cropper.js裁剪头像的实例代码分享到脚本之家平台，需要朋友参考下吧2017-09-09
这篇文章主要介绍了js判断手机号是否正确并返回的实现代码，以及使用正则表达式判断手机号是否正确，需要的的朋友参考下2017-01-01![JS写的数字拼图小游戏代码[学习参考]](//img.jbzj.com/images/xgimg/bcimg6.png)
昨天没事做，就用JS写了个数字拼图的小游戏，自娱自乐。 可惜关于逆序数的问题还没解决，现在有时是拼不成的，大家见谅了。2008-10-10
这篇文章主要介绍了JavaScript逆向分析instagram登入过程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
通过JavaScript脚本复制网页上的一个表格...2006-07-07
这篇文章主要介绍了微信小程序实现同一页面取值的方法,结合实例形式分析了微信小程序在同一页面取值的常见情况与具体操作技巧,需要的朋友可以参考下2019-04-04
![JS写的数字拼图小游戏代码[学习参考]](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论