什么是 Promise
Promise 是一种基于回调函数的解决方案。它使得异步代码可以像同步代码一样编写，同时避免了回调地狱的情况。Promise 最初是作为 ECMAScript 6 规范的一部分提出的，现在已经成为了前端开发中异步编程的重要组成部分。
Promise 有三种状态：pending（进行中）、fulfilled（已完成）和 rejected（已拒绝）。当处于 pending 状态时，Promise 进行初始化操作；当调用 resolve 方法时，Promise 进入 fulfilled 状态；当调用 reject 方法时，Promise 进入 rejected 状态。Promise 一旦状态改变，就不会再次改变。
Promise 的优点：
- 解决了回调地狱的问题，使异步代码更容易理解和维护。
- 可以通过链式调用来组合多个异步操作，使代码更加灵活和可读。
- 可以在异步操作完成之后，按照顺序执行后续操作，确保了程序的正确性。
Promise 的使用
首先，我们需要用 new 关键字来创建一个 Promise 对象。Promise 构造函数接受一个函数作为参数，这个函数称为执行器函数（executor function），它包含两个参数 resolve 和 reject。
const promise = new Promise((resolve, reject) => {
if (/* 异步操作成功 */) {
resolve(/* 异步操作返回的结果 */)
} else {
reject(/* 异步操作返回的错误信息 */)
}
})执行器函数返回的结果可以是任何 JavaScript 类型，包括 undefined、null、数字、字符串、对象等等。在异步操作成功时，我们会调用 resolve 方法并传入异步操作的结果；在异步操作失败时，我们会调用 reject 方法并传入错误信息。
接下来，我们可以使用 then 和 catch 方法来处理 Promise 对象。then 方法接受两个参数，分别是成功回调和失败回调。catch 方法只接受一个参数，即失败回调。
promise.then(result => {
// 异步操作成功时执行的代码
}).catch(error => {
// 异步操作失败时执行的代码
})最后，我们可以使用 Promise.all 方法来处理多个异步操作，当所有的异步操作都成功时，Promise.all 返回一个包含所有操作结果的数组；当任意一个操作失败时，Promise.all 直接调用 reject 方法，并传递第一个失败的操作结果。
// javascriptcn.com 代码示例
Promise.all([
asyncOperation1(),
asyncOperation2(),
asyncOperation3(),
]).then(results => {
// 所有异步操作成功时执行的代码
}).catch(error => {
// 任何一个异步操作失败时执行的代码
})Promise 与单线程模型
JavaScript 是一门单线程语言，这意味着所有的代码都是按照顺序执行的，每当遇到一个异步操作时，JavaScript 会将这个操作放到事件队列中等待执行，然后继续执行后续的代码。
当异步操作完成后，它将会被添加到任务队列（也称为消息队列）中，并等待 JavaScript 引擎执行。
因此，在浏览器中，我们可以通过 setTimeout 方法来模拟异步操作：
console.log('start')
setTimeout(() => {
console.log('异步操作完成')
}, 1000)
console.log('end')在这个例子中，我们使用了 setTimeout 方法来模拟异步操作，让程序等待 1 秒钟后输出“异步操作完成”消息。
执行结果如下：
start end 异步操作完成
可以看到，在我们输出“结束”之前，我们的异步操作已经完成了。
当我们使用 Promise 来处理异步操作时，Promise 将会自动放置异步操作到事件队列中，并恰当地等待异步操作完成。
// javascriptcn.com 代码示例
console.log('start')
new Promise((resolve, reject) => {
setTimeout(() => {
console.log('异步操作完成')
resolve()
}, 1000)
}).then(() => {
console.log('结束')
})在这个例子中，我们使用 Promise 来处理异步操作，它会自动将异步操作放置到事件队列中，直到异步操作完成后才会执行后续的 then 方法。
执行结果如下：
start 异步操作完成 结束
总结
Promise 是一种基于回调函数的异步编程解决方案，它具有链式调用、继续执行、异常捕获等优点，并且可以使用 Promise.all 方法来处理多个异步操作。JavaScript 是一门单线程语言，Promise 可以帮助我们更好地理解异步操作在单线程模型下的工作原理。
通过对 Promise 的学习，我们可以更加深入地理解前端异步编程的本质，并掌握如何优雅地处理异步操作，从而写出更好的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6537f4d47d4982a6eb08ecda