⼩程序基础教程之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
});
console.log('这是主线程打印的')
console.log(res)
});
},
worker线程中实现
worker中其实是默认注⼊了⼀个叫worker的对象,直接调⽤监听消息和发送消息即可。如以下代码:
// myworker.js
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使⽤⽅法就是这样了,⼀般来说密集计算和⾼延迟的代码⽚段我们会放⼊其中,其他的话在主线程直接执⾏就好了。
好的,以上就是这篇⽂章的全部内容了,希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值,谢谢⼤家对的⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。