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

注意:pages.json最后一项后面不要有逗号,否则会报错
//MyWorker.js //用于接收外部消息 worker.onMessage(function(res) { console.log('worker内部线程') console.log(res) //用于发送 worker.postMessage({ message: '收到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() 被引入的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的消息' }); }); 打印结果: