在前端开发中，异步操作是不可或缺的一部分，然而异步操作的结果不确定性和顺序性的困扰，使得前端开发人员需要付出更多努力去解决这些问题。于是 Promise API 就应运而生。
Promise 是 ES6 中新增的一种异步编程解决方案，它可以在异步操作未完成时阻止代码往下执行，从而帮助我们更好的处理异步操作结果。更加优秀的是，Promise 可以实现链式调用，能够将多个异步操作合理的组合在一起，减轻我们处理异步操作的负担并能使代码更为简练。
Promise 的基本使用
Promise 的核心是 promise 实例，一个 Promise 实例代表一个异步操作，该实例有三个状态：pending（等待中）、fulfilled（完成）、rejected（失败）。
我们可以使用 Promise 的构造函数来创建 Promise 实例，它的基本语法如下：
const promise = new Promise((resolve, reject) => {
// 异步操作...
if (异步操作成功) {
resolve(异步操作的结果)
} else {
reject(失败原因)
}
})resolve 和 reject 都是函数，其中 resolve 的参数代表异步操作成功后的结果，reject 的参数代表异步操作失败原因。
在 Promise 实例创建后，我们可以为其注册回调函数，以便在异步操作结束时获取其结果。Promise 的 then 和 catch 方法就是用来为 Promise 实例注册回调函数的，它们接收两个函数作为参数，一个函数用于处理 resolve 的结果，另一个函数用于捕获 reject 的错误信息。then 和 catch 方法可以方法调用时返回一个新的 Promise 实例，这就是 Promise 实例可以进行链式调用的基础。
Promise 的链式调用
Promise 的链式调用可以帮助我们顺序地处理多个异步操作，避免回调地狱的出现。实现链式调用的主要技术是将 then 方法的返回值设定为一个新的 Promise 实例，我们可以在该实例上继续调用 then 方法。以此类推，我们就可以把多个异步操作自动串联起来，代码可读性和可维护性也将得到大幅提升。
下面给出一个具体实例：
-- -------------------- ---- ------- --- ------- - --- ----------------- ------- -- - ------------- -- ----------- ----- -- ------------------- -- - ------------- -- - ------ ------ - - -------------- -- - ------------- -- - ------ ------ - - -------------- -- - ------------- -- - ------ ------ - - --
在这个例子中，我们使用 Promise 返回的结果来处理后续的异步操作，每次返回的是一个新的 Promise 实例，使得我们能够顺利地对异步操作进行链式调用，让代码更加清晰易懂。
同时，Promise 还有一些其他的特性，比如：Promise.all、Promise.race、Promise.resolve 等等。这些特性可供我们用来更好地处理异步操作的问题，比如等待多个操作完成，等待任何一个操作完成等等。
总结
通过 Promise 实现链式调用，我们可以轻松地将多个异步操作串连在一起，使得代码更加简洁易懂，我们可以使用 Promise 的 then 和 catch 方法去处理异步操作的回调，使用 Promise 的特性去处理更加复杂的异步操作。在实际的开发过程中可以尝试运用 Promise 的链式调用来提高代码的可读性和可维护性，也可以更好的解决异步操作遇到的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645310fe968c7c53b078265f