• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 异步并发 (Promise和async/await)
2
3
4Promise和async/await提供异步并发能力，是标准的JS异步语法。异步代码会被挂起并在之后继续执行，同一时间只有一段代码执行，适用于单次I/O任务的场景开发，例如一次网络请求、一次文件读写等操作。无需另外启动线程执行。
5
6异步语法是一种编程语言的特性，允许程序在执行某些操作时不必等待其完成，而是可以继续执行其他操作。
7
8## Promise
9
10Promise是一种用于处理异步操作的对象，可以将异步操作转换为类似于同步操作的风格，以方便代码编写和维护。Promise提供了一个状态机制来管理异步操作的不同阶段，并提供了一些方法来注册回调函数以处理异步操作的成功或失败的结果。
11
12Promise有三种状态：pending（进行中）、fulfilled（已完成）和rejected（已拒绝）。Promise对象创建后处于pending状态，并在异步操作完成后转换为fulfilled或rejected状态。
13
14最基本的用法是通过构造函数实例化一个Promise对象，同时传入一个带有两个参数的函数，通常称为executor函数。executor函数接收两个参数：resolve和reject，分别表示异步操作成功和失败时的回调函数。例如，以下代码创建了一个Promise对象并模拟了一个异步操作：
15
16```ts
17const promise: Promise<number> = new Promise((resolve: Function, reject: Function) => {
18  setTimeout(() => {
19    const randomNumber: number = Math.random();
20    if (randomNumber > 0.5) {
21      resolve(randomNumber);
22    } else {
23      reject(new Error('Random number is too small'));
24    }
25  }, 1000);
26})
27```
28
29上述代码中，setTimeout函数模拟了一个异步操作，并在1秒钟后随机生成一个数字。如果随机数大于0.5，则执行resolve回调函数并将随机数作为参数传递；否则执行reject回调函数并传递一个错误对象作为参数。
30
31Promise对象创建后，可以使用then方法和catch方法指定fulfilled状态和rejected状态的回调函数。then方法可接受两个参数，一个处理fulfilled状态的函数，另一个处理rejected状态的函数。只传一个参数则表示当Promise对象状态变为fulfilled时，then方法会自动调用这个回调函数，并将Promise对象的结果作为参数传递给它。使用catch方法注册一个回调函数，用于处理“失败”的结果，即捕获Promise的状态改变为rejected状态或操作失败抛出的异常。例如：
32
33```ts
34import { BusinessError } from '@kit.BasicServicesKit';
35
36promise.then((result: number) => {
37 console.info(`Random number is ${result}`);
38}).catch((error: BusinessError) => {
39 console.error(error.message);
40});
41```
42
43上述代码中，then方法的回调函数接收Promise对象的成功结果作为参数，并将其输出到控制台上。如果Promise对象进入rejected状态，则catch方法的回调函数接收错误对象作为参数，并将其输出到控制台上。
44
45## async/await
46
47async/await是一种用于处理异步操作的Promise语法糖，使得编写异步代码变得更加简单和易读。通过使用async关键字声明一个函数为异步函数，并使用await关键字等待Promise的解析（完成或拒绝），以同步的方式编写异步操作的代码。
48
49async函数是一个返回Promise对象的函数，用于表示一个异步操作。在async函数内部，可以使用await关键字等待一个Promise对象的解析，并返回其解析值。如果一个async函数抛出异常，那么该函数返回的Promise对象将被拒绝，并且异常信息会被传递给Promise对象的onRejected()方法。
50
51下面是一个使用async/await的例子，其中模拟了一个以同步方式执行异步操作的场景，该操作会在3秒钟后返回一个字符串。
52
53```ts
54async function myAsyncFunction(): Promise<string> {
55  const result: string = await new Promise((resolve: Function) => {
56    setTimeout(() => {
57      resolve('Hello, world!');
58    }, 3000);
59  });
60  console.info(result); // 输出： Hello, world!
61  return result;
62}
63
64@Entry
65@Component
66struct Index {
67  @State message: string = 'Hello World';
68  build() {
69    Row() {
70      Column() {
71        Text(this.message)
72          .fontSize(50)
73          .fontWeight(FontWeight.Bold)
74          .onClick(async () => {
75            let res = await myAsyncFunction();
76            console.info("res is: " + res);
77          })
78      }
79      .width('100%')
80    }
81    .height('100%')
82  }
83}
84```
85
86在上述示例代码中，使用了await关键字来等待Promise对象的解析，并将其解析值存储在result变量中。
87
88需要注意的是，由于要等待异步操作完成，因此需要将整个操作包在async函数中，并搭配await关键字使用。除了在async函数中使用await外，还可以使用try/catch块来捕获异步操作中的异常。
89
90```ts
91async function myAsyncFunction(): Promise<void> {
92  try {
93    const result: string = await new Promise((resolve: Function) => {
94      resolve('Hello, world!');
95    });
96  } catch (e) {
97    console.error(`Get exception: ${e}`);
98  }
99}
100
101myAsyncFunction();
102```
103