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