15、JavaScript 中 “await” 的使用方法详解

JavaScript 中 “await” 的使用方法详解

一、“await” 与返回 Promise 对象的函数结合使用

在 JavaScript 里，若要在函数中使用 “await”，该函数可以返回一个 Promise 对象，或者使用 “async” 关键字进行声明。

1. 返回 Promise 对象的函数示例

以下是一个返回 Promise 对象的函数示例：

function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

这个 wait(ms) 函数接收一个毫秒数作为输入，然后返回一个 Promise 对象，该对象会在指定的毫秒数后被解析。它利用了 setTimeout() 函数，在指定的延迟后触发 Promise 对象的解析。

2. 在 “async” 函数中使用 “await”

要在 “await” 语句中使用 wait(ms) 函数，只需在使用 “async” 标记的函数中调用它，示例如下：

async function myFunction() {
  console.log("Start");   // 显示 "Start"
  await wait(2000);       // 等待 2 秒
  console.