一些异步处理的任务,可以放置于 Worker 中运行,待运行结束后,再把结果返回到小程序主线程。Worker 运行于一个单独的全局上下文与线程中,不能直接调用主线程的方法。
Worker 与主线程之间的数据传输,双方使用 Worker.postMessage() 来发送数据,Worker.onMessage() 来接收数据,传输的数据并不是直接共享,而是被复制的。
在 app.json 中可配置 Worker 代码放置的目录,目录下的代码将被打包成一个文件:
配置示例:
{
"workers": "workers"
}
根据步骤 1 中的配置,在代码目录下新建以下两个入口文件:
workers/request/index.js
workers/request/utils.js
workers/response/index.js
添加后,目录结构如下:
├── app.js
├── app.json
├── project.config.json
└── workers
├── request
│ ├── index.js
│ └── utils.js
└── response
└── index.js
在 workers/request/index.js 编写 Worker 响应代码
const utils = require("./utils")
// 在 Worker 线程执行上下文会全局暴露一个 worker 对象,直接调用 worker.onMeesage/postMessage 即可
worker.onMessage(function (res) {
console.log(res)
})
在主线程的代码 app.js 中初始化 Worker
const worker = wx.createWorker("workers/request/index.js") // 文件名指定 worker 的入口文件路径,绝对路径
worker.postMessage({
msg: "hello worker"
})
worker 对象的其它接口请看 worker接口说明
Grid 广告小程序广告流量主操作指引:文档地址开发者可以使用ad组件创建 Grid 广告组件,Grid 广告组件在创建后会自动拉取广告数...
文件作用域在JavaScript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通...
consoleconsole.log方法用于在 console 窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。Math属性ELN10LN2LOG2ELO...
EditorContext基础库 2.7.0 开始支持,低版本需做兼容处理。EditorContext 实例,可通过wx.createSelectorQuery获取。EditorCont...