随着 JavaScript 越来越受欢迎，异步编程成了一项必备的技能。为了简化异步编程，JavaScript 引入了异步函数 ("async functions") 和异步迭代器 ("async iterators")。本文将会介绍这两个概念以及它们在 ES9 中的实现。
什么是异步函数
异步函数是一种通过 async 和 await 关键字来简化异步编程的方法。通过异步函数，开发者可以在代码中使用 try-catch 块来处理异常，并且能将多个异步操作串联在一起，让代码更加简洁易懂。
它的语法非常简单：
async function foo() {
// 异步操作
return "hello"
}
const result = await foo()
console.log(result) // 输出 "hello"当 foo() 函数被调用时，他返回一个 promise 对象。通过 await 关键字，我们可以让 JavaScript 引擎在异步操作完成之后继续往下执行代码。
需要注意的是，异步函数只在 async 函数内部有效，不能在其他地方使用。
什么是异步迭代器
异步迭代器引入了 Symbol.asyncIterator 来使得 JavaScript 支持类似于同步 Iterator 的一步步迭代的形式。通过它，每一个值都可以在 Promise 对象上进行处理。
例如:
-- -------------------- ---- -------
----- ------------- - -
----- ------------------------- -
----- ------------------
----- ------------------
----- ------------------
-
-
--- ----- ------ ---- -- -------------- -
-----------------
-运行这段代码，会输出：
1 2 3
异步迭代器为开发者在异步环境下迭代异步操作提供了便利。
ES9 中的异步函数和异步迭代器
在 ES9 中，异步函数和异步迭代器进一步融合在了一起。通过 for-await-of 循环语句，我们可以让 JavaScript 自动地迭代每个 Promise 对象：
async function asyncFunc() {
const arrayOfPromises = [...]
for await (const item of arrayOfPromises) {
console.log(item)
}
}在这个例子中，arrayOfPromises 是一个包含 Promise 对象的数组。通过 for-await-of 循环语句，我们可以让 JavaScript 自动地将 Promise 对象部署成一个个异步迭代器，并依次执行它们。
需要注意的是，异步函数和异步迭代器在处理异步操作时都是需要借助 Promise 对象的，如果 Promise 对象内部发生任何异常的话，JavaScript 引擎都会抛出错误。
总结
异步编程一直以来都是前端开发的一个难题，异步函数和异步迭代器为我们提供了更加简单和有序的异步编程方式。
在使用异步函数和异步迭代器时，需要格外注意异步环境所需的异步处理，避免异步任务因并发引发的 race condition 问题。
希望本篇文章能给开发者们带来端到端的学习体验，帮助他们快速掌握 ES9 中的异步函数和异步迭代器的使用方法。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64accad948841e98948d0f79