在前端开发中，异步操作是非常常见的。在 ES6/ES2015 引入后，代码编写异步操作的方式也发生了很大的变化。其中 promises 和 async/await 就是两种非常常用的方式。
Promises
Promise 是一个有着更友好写法的异步操作的 API，它用于表示一个异步操作的最终完成或失败及其结果值的抽象。一个 Promise 对象表示一个在未来的某个时间点完成的操作，并返回一个代表操作的结果值的对象。
Promise 的三种状态：
pending- 初始状态fulfilled- 操作成功完成rejected- 操作失败
当创建了一个 Promise 实例后，你可以监听该实例的状态变化，执行相关的操作。
示例
----- ------- - --- ----------------- ------- -- - -- ------------------- -- ------------ ------- -- -- ---- ------ -- -- ------------------- -- - -- ------------ -------------- -- - -- ---------- --
指导意义
使用 Promise 可以让我们更加方便地处理异步操作，而不需要嵌套很多回调函数，使得我们的代码更加可读、易于维护。同时，对于一些需要等待多个异步操作完成后再执行的任务，我们可以使用 Promise.all() 方法来同时处理多个异步操作。
async/await
async/await 也是一种处理异步操作的方式。async 函数会返回一个 Promise 对象，而 await 关键字会暂停 async 函数的执行，直到 Promise 对象解析完成。
示例
----- -------- ----------- -
--- -
----- -------- - ----- ---------------------------
----- ---- - ----- ---------------
-- -- ---- --
- ----- ------- -
-- ----
-
-async/await 的代码看起来更加像同步代码，可以让我们更加方便地管理和维护异步操作，同时也更可读。在处理异步操作时，async/await 可以和 Promise 配合使用，具有更高的灵活性。
指导意义
在使用 async/await 时，需要保证所在的函数是异步函数，否则代码将无法正常执行。同样，如果 Promise 对象中发生错误时，可以使用 try... catch 捕获错误并进行处理，更加方便地管理代码。
总结
使用 ES6/ES2015 的 Promise 和 async/await 可以让我们更加方便地编写和维护异步操作的代码。在具体业务中，还需要结合实际的业务场景，选择合适的方式进行处理，保证代码的可读性和灵活性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6547f47e7d4982a6eb244bea