异步编程之async/await：助力程序高效流畅执行

前端

2023-10-04 03:15:57

在上一节中，我们学习了event-loop事件循环机制，这节我们来学习下异步编程之async/await。

大家应该都听说过一句话：async/await 是异形的 promise。这句话的意思是，async/await 是在 Promise 的基础上，对异步编程进行的进一步优化。

async/await 的原理

async/await 的原理很简单，它就是利用了事件循环的机制。

在 JavaScript 中，所有的异步操作都是通过事件循环来实现的。当一个异步操作被触发时，它会被放入到事件队列中。事件队列是一个先进先出的队列，这意味着先放入队列的异步操作会先被执行。

当事件循环执行到一个异步操作时，它会将这个异步操作从事件队列中取出，然后执行它。在异步操作执行的过程中，如果需要等待其他异步操作完成，那么这个异步操作就会被挂起，直到其他异步操作完成。

当其他异步操作完成后，挂起的异步操作就会被重新放入到事件队列中，然后继续执行。

async/await 的用法

async/await 的用法也很简单，它只需要在函数名前加上 async ，然后在函数体内使用 await 关键字来等待异步操作完成。

async function myFunction() {
  const result = await Promise.resolve('Hello, world!');
  console.log(result);
}

在上面的代码中，myFunction 是一个异步函数，它使用 await 关键字来等待 Promise.resolve('Hello, world!') 这个异步操作完成。当 Promise.resolve('Hello, world!') 完成后，myFunction 函数就会继续执行，并将 'Hello, world!' 打印到控制台。