用代码举例说明async/await

好的，以下是一个简单的例子：

async function foo() {
  console.log('Before the promise');

  await new Promise(resolve => setTimeout(resolve, 1000)); // 等待1秒钟

  console.log('After the promise');
}

foo();

这段代码定义了一个异步函数 `foo`，其中包含了一个 `await` 表达式来等待一个 `Promise` 对象完成。在这个例子中，`foo` 函数会打印出 `Before the promise` 并等待 1 秒钟后再打印 `After the promise`。由于使用了 `async/await`，我们可以将异步代码写得更加直观和简洁。

相关问题

举例说明async/await 的错误处理机制

下面是一个使用 async/await 的错误处理机制的例子：

async function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      const randomNumber = Math.random();
      if (randomNumber < 0.5) {
        resolve('Data fetched successfully');
      } else {
        reject(new Error('Error occurred while fetching data'));
      }
    }, 2000);
  });
}

async function getData() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

getData();

在上面的例子中，`fetchData` 函数返回一个 Promise 对象，模拟了一个异步操作。如果随机生成的数字小于 0.5，则 Promise 的状态变为 resolved，并调用 `resolve` 方法，将数据成功返回。否则，Promise 的状态变为 rejected，并调用 `reject` 方法，传递一个错误对象。

`getData` 函数使用 `async` 关键字来声明为异步函数，内部使用 `await` 关键字等待 `fetchData()` 函数返回的 Promise 对象。如果 Promise 的状态为 resolved，则将数据赋值给 `data` 变量，并打印出来。如果 Promise 的状态为 rejected，则会抛出一个错误，并被 `try...catch` 语句中的 `catch` 代码块捕获。在 `catch` 代码块中，我们可以处理或打印出错误信息。

通过使用 `try...catch` 结构，可以捕获使用 `await` 等待的异步操作中发生的错误。这样，可以将错误处理逻辑集中在一处，使代码更加清晰和易于维护。同时，使用 `try...catch` 可以避免错误在整个异步操作链中传递，提高代码的容错性和稳定性。

需要注意的是，在使用 async/await 时，错误处理通常会放在最外层的函数中（如上述例子中的 `getData` 函数）。这是因为 async/await 的错误处理机制会将内部的 Promise 对象自动转换为 rejected 状态，并将错误信息抛出到外层的 try...catch 语句中。因此，建议在最外层的异步函数中进行错误处理，以确保能够捕获到所有可能的错误。

往一个数组里存了多个将要执行的函数，如何采用Promise、async/await方法遍历循环这个数组，用代码举例说明

可以使用async/await方法来遍历循环这个数组，代码如下：

const functions = [func1, func2, func3];

async function executeFunctions() {
  for (const func of functions) {
    await func();
  }
}

executeFunctions();

其中，`functions`是存储多个将要执行的函数的数组，`executeFunctions`是一个异步函数，使用`for...of`循环遍历`functions`数组，每次执行一个函数，并使用`await`关键字等待该函数执行完毕后再执行下一个函数。最后，调用`executeFunctions`函数即可执行整个数组中的函数。