uni-app下Worker的使用
创始人
2024-11-05 02:34:35
0

1、在static目录下创建一个目录用于存放worker文件
在这里插入图片描述
为啥要在static目录下创建worker目录呢?那是因为worker.js没办法在别的js中被引用,uni-app项目编译成微信小程序代码时会进行Tree-shaking(摇树优化),把那些没被引用的js文件给剔除掉,放在static目录下可以避免被摇树优化。

2、在pages.json文件中引用刚创建的worker目录

在这里插入图片描述
注意:pages.json最后一项后面不要有逗号,否则会报错

3、编写worker.js(名字任意取,要在上面创建的workers目录下面)
//MyWorker.js //用于接收外部消息 worker.onMessage(function(res) { 	console.log('worker内部线程') 	console.log(res) 	//用于发送 	worker.postMessage({ 		message: '收到worker的消息' 	}); }); 
4、主线程中创建调用和销毁Worker

1、创建Worker

let worker = wx.createWorker('/static/workers/MyWorker.js', { 	useExperimentalWorker: true, }); 

useExperimentalWorker: true 引用官方注释:是否使用实验worker。在iOS下,实验worker的JS运行效率比非实验worker提升近十倍,如需在worker内进行重度计算的建议开启此选项。同时,实验worker存在极小概率会在系统资源紧张时被系统回收,因此建议配合 worker.onProcessKilled 事件使用,在worker被回收后可重新创建一个。

2、发送消息给Worker线程

worker.postMessage({message:'主线程发来的消息'}) 

注:需要发送的消息,必须是一个可序列化的 JavaScript key-value 形式的对象。

3、监听Worker线程的消息

worker.onMessage((res)=>{ 	console.log('主线程打印的') 	console.log(res) }) 

4、结束当前Worker线程(仅限在主线程 worker 对象上调用)

worker.terminate() 
5、Worker中如何引入其他js

被引入的js文件必须要放在上面创建的Worker目录内部,不然无法引用

在刚创建的workers文件夹下创建一个Test.js文件

//Test.js function test(){ 	console.log('我是外部js文件中的内容') } export default{ 	test } 

MyWorker.js中引入该js

import Test from 'Test.js' //用于接收外部消息 worker.onMessage(function(res) { 	console.log('worker内部线程') 	console.log(res) 	Test.test();//调用其他js文件中的代码 	//用于发送 	worker.postMessage({ 		message: '收到worker的消息' 	}); }); 

打印结果:
在这里插入图片描述

使用worker注意事项:
  • Workers 之间不支持发送消息。
  • Worker 的入。口文件由 wx.createWorker() 时指定,开发者可动态指定 Worker 入口文件
  • Worker 内代码只能 require 指定 Worker 路径内的文件,无法引用其它路径。
  • Worker 最大并发数量限制为 1 个,创建下一个前请用 Worker.terminate() 结束当前 Worker。
  • Worker 内不支持 wx 系列的 API。

相关内容

热门资讯

六分钟了解!德州之星ai辅助,... 六分钟了解!德州之星ai辅助,aapoker透明挂,揭秘教程(往昔是真的有挂)1、许多玩家不知道aa...
WePoKe透视挂(透视)wo... WePoKe透视挂(透视)wopoker外挂(详细辅助曝光教程)一直存在有挂(普及外 挂)1、上手简...
aapoker辅助!aapok... aapoker辅助!aapoker俱乐部后天可以操作吗,(aa poker辅助软件)真是存在有挂(详...
微扑克系统发牌规律(微扑克)微... 微扑克系统发牌规律(微扑克)微扑克辅助器是真的吗(透视)一贯是真的有挂(详细辅助力荐教程)微扑克系统...
wpk透视辅助!wpk真的有挂... 1、wpk透视辅助!wpk真的有挂么(透视)外挂透明挂辅助代打(从来是真的有挂)。2、透视辅助简单,...
揭秘真相!红龙扑克有没有外挂,... 自定义wepoke有辅助挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
WePoKe透明挂(透视)we... WePoKe透明挂(透视)wepoke免费软件透明挂(详细辅助辅助教程)切实真的有挂(专业ai辅助)...
微扑克ai辅助器苹果版(微扑克... 微扑克ai辅助器苹果版(微扑克)微扑克有挂么(透视)都是真的有挂(详细辅助wpk教程)1、这是跨平台...
aapoker挂!aapoke... aapoker挂!aapoker有什么规律吗,(aapoker实测)总是真的有挂(详细辅助详细教程)...
wpk德州透视辅助!wpk透视... wpk德州透视辅助!wpk透视辅助效果图(透视)外挂透视辅助插件(原生存在有挂)准备好在 ia的高塔...