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

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

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

在 JavaScript 中，若要使用 “await” 关键字，函数可以返回一个 Promise 对象，或者使用 “async” 关键字来声明。下面详细介绍如何将 “await” 与返回 Promise 对象的函数结合使用。

1.1 返回 Promise 对象的函数示例

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

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

wait(ms) 函数接收一个以毫秒为单位的数字作为输入，并返回一个 Promise 对象。该 Promise 对象会在指定的毫秒数后完成解析。此函数利用 setTimeout() 函数，在指定的延迟后触发 Promise 对象的解析。

1.2 在 “async” 函数中使用 “await”

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

async function myFunction() {
  console.log("Start");   // 显示