Worker多线程的使用，有谁知道啊？

worker.js文件中定义parentPort.onmessage方法来接收宿主线程发送的消息。// worker.ts 
// 导入worker模块 
import workers from '@ohos.worker' 
// 获取parentPort属性 
const parentPort = workers.parentPort 
const TAG = 'JsWorker.worker' 
parentPort.onmessageerror = function (e) { 
  // e.data即宿主线程postMessage传输的数据 
  let data = e.data 
  console.info(`${TAG} onmessageerror:${JSON.stringify(data)}`) 
} 
// 接收宿主线程的消息 
parentPort.onmessage = function (e) { 
  let data = e.data 
  console.info(`${TAG} onmessage:${JSON.stringify(data)}`) 
  if (data.objType == 'normal') { 
    let obj = data.data 
    console.info(`${TAG} postMessage obj: ${obj}`) 
    // 对数据进行分割和排序 
    let after = obj.split(",").sort() 
    console.info(`${TAG} postMessage after: ${after}`) 
    data.data = after 
    // 将处理好的数据返回给宿主线程 
    parentPort.postMessage(data) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.

// 本教程worker路径：./src/main/ets/pages/workers/worker.ts。// build-profile.json5 
{ 
  "apiType": 'stageMode', 
  "buildOption": { 
    "sourceOption": { 
      "workers": [ 
        "./src/main/ets/pages/workers/worker.ts" 
      ] 
    } 
  }, 
  ... 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

//宿主线程中定义worker.onmessage方法来接收Worker线程发送的消息。import worker from '@ohos.worker' 
const TAG = 'WorkerTest' 
@Entry 
@Component 
struct WorkerTest { 
  @State message: string = '启动worker排序' 
  @State before: Array<string> = [] 
  @State after: Array<string> = [] 
  worker: worker.Worker = new worker.Worker("entry/ets/pages/workers/worker.ts", { 
    name: "worker_test" 
  }) 
 
 
  aboutToAppear() { 
    console.info(`${TAG} on onInit`) 
    this.before = ["b", "c", "d", "a"] 
    // Worker异常时回调 
    this.worker.onerror = (data) => { 
      console.info(`${TAG} test on error: ${JSON.stringify(data)}`) 
    } 
    // Worker退出时回调 
    this.worker.onexit = (data) => { 
      console.info(`${TAG} test on exit: ${JSON.stringify(data)}`) 
    } 
    // 接受Worker线程返回的数据时回调 
    this.worker.onmessage = (e) => { 
      let data = e.data 
      if (data.objType == 'normal') { 
        console.info(`${TAG} test normal: ${data.data}`) 
        this.after = data.data 
      } 
    } 
  } 
 
 
  build() { 
    Row() { 
      Column() { 
        Text(`排序前:${this.before.toString()}`) 
          .fontSize(30) 
        Button(this.message) 
          .fontSize(40) 
          .onClick(() => { 
            console.info(`${TAG} test sendString`) 
            let obj = { 
              objType: "normal", 
              data: this.before.toString() 
            } 
            console.info(`${TAG} sendString: ${obj.data}`) 
            // 发送原始数据给Worker线程 
            this.worker.postMessage(obj) 
          }) 
        Text(`排序后:${this.after.toString()}`) 
          .fontSize(30) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.