在 ES11 中，我们可以把 await 放在函数外部的代码块中，实现异步任务的等待。这个特性是在 ECMAScript 编译器提出的提案之一，它使得我们在处理异步任务时可以更加灵活和便捷。本文将详细解释 ES11 的这个特性，并提供相关的示例代码。
异步任务的等待
在处理异步任务时，我们常常会遇到等待的情况。例如，我们希望在执行某个异步任务后再执行后续的逻辑，就需要等待该异步任务完成。在 ES11 中，我们可以利用 await 的方式来实现等待异步任务完成的功能。
await 的使用方式
在 ES11 中，我们可以把 await 放置在函数外部的代码块中，例如：
// javascriptcn.com 代码示例
async function foo() {
console.log('foo start')
await new Promise(resolve => setTimeout(resolve, 1000))
console.log('foo end')
}
console.log('start')
await foo()
console.log('end')上面的例子中，我们在函数 foo 中加入了一段异步等待的逻辑，等待了 1 秒钟。然后我们在函数外部编写了一个等待 foo 函数完成的代码块，其中利用了 await 关键字，实现了等待异步任务完成的功能。最终的输出结果如下：
start foo start foo end end
可以看到，我们在等待的代码块中执行了 foo 函数，等待了标记为 await 的异步任务完成后，继续往下执行。这样，我们就可以在需要等待异步任务的情况下，将异步任务的等待代码块移出到函数外，使代码更加简洁清晰。
需要注意的是，利用 await 进行异步任务的等待时，必须在函数前面加上 async 关键字，这是为了告诉编译器该函数包含异步任务的逻辑。否则编译器将无法理解 await 关键字的含义，也无法将该函数正确编译为异步函数。
总结
ES11 的这个特性使得我们在处理异步任务时可以更加灵活和便捷。可以将异步任务的等待代码块移出到函数外，使代码更加简洁清晰。需要注意的是，利用 await 进行异步任务的等待时，必须在函数前面加上 async 关键字。
示例代码
// javascriptcn.com 代码示例
async function foo() {
console.log('foo start')
await new Promise(resolve => setTimeout(resolve, 1000))
console.log('foo end')
}
console.log('start')
await foo()
console.log('end')来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653af33e7d4982a6eb546f47