ES9 中的异步函数和 async 迭代器
随着 JavaScript 的不断发展，越来越多的新特性被引入以提高我们开发的效率和代码的可读性。而 ES9 带来的异步函数和 async 迭代器则是其中一项重要的更新。
异步函数
异步函数是在 ES7 中引入的概念，它使得异步代码的编写变得更加优雅，相对于 Promise 来说，其使用更为简洁明了。异步函数的定义即在函数声明或函数表达式前添加 async 关键字。
async function foo() {
return 'Hello';
}
foo().then(console.log); // 输出 'Hello'异步函数通过 async 关键字使用和 await 关键字的组合来管理异步操作。await 关键字会阻塞代码执行，直到被等待的操作完成并返回结果。
-- -------------------- ---- -------
-------- ---------- -
------ --- ------------------------- -
------------------- ------
---
-
----- -------- ----- -
----- ----------- -- -- - -
------ --------
-
------------------------ -- -- ---------- - ---async 和 await 的组合使得编写异步代码更加简单明了，结构清晰。
Async 迭代器
ES9 还引入了 async 迭代器的概念，使得我们可以对异步迭代器对象进行异步遍历。一个异步迭代器必须生成迭代结果的 Promise 对象。
一个异步迭代器对象包含一个名为 Symbol.asyncIterator 的属性，该属性的值是一个能够返回该异步迭代器对象的异步生成器函数。
-- -------------------- ---- -------
----- --------- ---------------- -
----- --------
----- --------
-
----- --- - ----------------- -- ---------
-- ---------
------ ---------- -
--- ----- ------ ----- -- ---- -
-------------------
-
-----在上面的例子中，我们创建了一个 async 迭代器对象并遍历它的所有值。我们使用 for await...of 循环来遍历迭代器对象，并使用 async 函数来进行异步操作，这样可以保证所有异步操作都已完成后，再处理迭代器的下一个值。
总结
ES9 中的异步函数和 async 迭代器为我们处理异步代码带来了很大的便利性，并结合在一起使得我们能够更加便捷地编写和管理异步代码，增强了 ES6 中 Promise 的能力。在实际开发中，我们可以灵活运用这些新特性来提升我们前端开发的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa81ee48841e98946a1cb9