在传统的前端开发中，异步操作经常会用到 Promise 和 Callback 两种方式来处理。ES9 提供了一种新的异步迭代器（Async Iterators）方式，来更加方便地管理异步操作。在本文中，我们将对比这三种方式的优缺点和使用方法。
Promise
Promise 是一个被广泛使用的异步处理方式，它是一个用于表示异步操作的对象，可以用 then 方法来添加回调函数，或者用 catch 方法来添加错误回调函数。例如：
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
-
------------------- -- -
------------------
-------------- -- -
---------------------
---Promise 的优点是能让异步操作的代码更加清晰易懂，可以通过链式调用嵌套其他 Promise 对象来进行多个异步操作，解决了回调函数层层嵌套的问题。但 Promise 缺点是需要手动创建 Promise 对象，代码还是有一定的冗余。
Callback
Callback 是一种较早的异步处理方式，在它的实现中，程序会先执行一个函数，然后把回调函数作为参数传入函数中，等到操作完成后再执行回调函数。例如：
-- -------------------- ---- -------
-------- ----------------- -
------------- -- -
---------------- ------
-- ------
-
-------------- ------ -- -
-- ------ --- ----- -
---------------------
-
------------------
---Callback 的优点是能够在异步任务完成后，再执行相关操作，可以确保数据的完整性。但它的缺点是难以处理多个异步任务，会出现“回调地狱”问题。编写 Callback 的代码还需要严谨的编程技巧和逻辑，不易维护。
Async Iterators
ES9 的 Async Iterators 是一种更加方便的异步处理方式，它是用于遍历异步数据流的迭代器，利用 async / await 来简化异步操作处理流程。例如：
-- -------------------- ---- -------
----- -------- ------ -
--- ----- ------ ---- -- ------------------ -
------------------
-
-
----- -------- ----------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
-------Async Iterators 的优点是比 Promise 更加简洁易读，能够自动处理异步迭代器中的 next() 方法，不用手动处理异步操作。也能够方便地处理多个异步迭代器。但 Async Iterators 缺点是兼容性不够，目前还没有被所有浏览器兼容。
总结
以上三种异步处理方式各自有优缺点，我们需要考虑代码的可读性、可维护性和其他要求来选择使用哪一种方式。
如果想要更好的代码可维护性和可读性，我们可以使用 Async Iterators。如果想要更好的异步控制能力，Promise 是最好的选择。如果代码比较老旧，同时要考虑到兼容性和执行效率，Callback 可以是一个比较好的选项。
选择不同的异步处理方式，不仅能够提高代码质量和效率，也能让我们的开发工作更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451f46d675af4061b5aba3f