如何在 ECMAScript 2020 中无缝使用 await？

前言

在 JavaScript 中，async/await 是一种非常流行的编程模式，它可以让我们以一种更加直观的方式编写异步代码。在 ECMAScript 2020 中，await 语法得到了进一步的改进，使得我们可以更加方便地使用它。本文将会介绍如何在 ECMAScript 2020 中无缝使用 await。

await 的改进

在 ECMAScript 2017 中，我们可以使用 await 语法来等待一个 Promise 对象的结果。但是，在这个版本中，await 只能在 async 函数中使用。这就意味着，在我们需要等待一个 Promise 对象的结果的时候，必须要将整个函数都包裹在一个 async 函数中。

在 ECMAScript 2020 中，await 语法得到了进一步的改进，我们可以直接在顶层作用域中使用 await。这样，我们就可以更加方便地使用 await 语法了。

示例代码

下面是一个简单的示例代码，它演示了如何在 ECMAScript 2020 中无缝使用 await。

// javascriptcn.com 代码示例
// 使用 Promise 封装 setTimeout 函数
function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

// 定义一个顶层的 async 函数
async function main() {
  console.log('开始执行 main 函数');

  // 在顶层作用域中使用 await
  await wait(1000);
  
  console.log('等待了 1 秒钟');

  // 在顶层作用域中使用 await
  await wait(2000);
  
  console.log('等待了 2 秒钟');

  console.log('执行完毕');
}

// 调用 main 函数
main();

在上面的代码中，我们定义了一个 wait 函数，它使用 Promise 封装了 setTimeout 函数。然后，我们定义了一个顶层的 async 函数 main，它使用了两次 await 语法来等待 wait 函数的执行结果。最后，我们调用了 main 函数。

总结

在 ECMAScript 2020 中，await 语法得到了进一步的改进，使得我们可以更加方便地使用它。我们可以直接在顶层作用域中使用 await，这样就可以避免将整个函数都包裹在一个 async 函数中了。这种改进可以让我们更加方便地编写异步代码。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65656fd8d2f5e1655deaff4c