Promise 是现代 JavaScript 中非常常用的异步编程工具，它在进行异步操作时，可以帮助我们更好地管理回调函数的执行顺序和错误处理机制。Promise 一般有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败），在实际开发中，我们需要根据 Promise 的状态来进行相应的处理。本文将介绍 Promise 的状态判断技巧及其应用场景。
Promise 的状态判断技巧
判断 Promise 是否处于 pending 状态
如果一个 Promise 正在进行中，那么就可以通过以下方式来判断：
const promiseExample = new Promise((resolve, reject) => { // do something ... }); if (promiseExample && typeof promiseExample.then === 'function') { console.log('Promise is pending'); }
上面的代码中，我们首先创建了一个 Promise 示例，然后判断其是否有 then 方法。如果有 then 方法，说明 Promise 正在进行中。
判断 Promise 是否处于 fulfilled 状态
如果一个 Promise 已成功，那么就可以通过以下方式来判断：
const promiseExample = new Promise((resolve, reject) => { // do something ... }); promiseExample.then(() => { console.log('Promise is fulfilled'); });
上面的代码中，我们通过 then 方法来监听 Promise 的成功回调，并在其中打印出一段文字。如果程序执行到这里，说明 Promise 已成功。
判断 Promise 是否处于 rejected 状态
如果一个 Promise 已失败，那么就可以通过以下方式来判断：
const promiseExample = new Promise((resolve, reject) => { // do something ... reject(new Error('Promise is rejected')); }); promiseExample.catch(() => { console.log('Promise is rejected'); });
上面的代码中，我们通过 catch 方法来监听 Promise 的失败回调，并在其中打印出一段文字。如果程序执行到这里，说明 Promise 已失败。
Promise 状态判断的应用场景
根据 Promise 的不同状态，我们可以在不同的场景下进行处理。
处理异步请求的状态
在处理异步请求时，我们通常需要在请求成功或失败后进行相应的处理，比如：
fetch('https://api.example.com/users') .then(response => { // 处理请求成功逻辑 }) .catch(error => { // 处理请求失败逻辑 });
上面的代码中，我们在 fetch 请求的 then 和 catch 方法中分别处理请求成功和请求失败的逻辑。如果请求成功，则会走到 then 方法中；如果请求失败，则会走到 catch 方法中。
处理多个 Promise 同时执行的状态
在处理多个 Promise 同时执行的状态时，我们通常需要等到所有 Promise 执行结束后再进行处理，比如：
-- -------------------- ---- ------- ------------- --------------------------------------- --------------------------------------- -- --------------- -- - -- ---- ------- ------ -- ------------ -- - -- -------- ------- ----- ---展开代码
上面的代码中，我们通过 Promise.all 方法来同时执行两个异步请求，并在 then 和 catch 方法中分别处理所有 Promise 均成功和其中任意一个 Promise 失败的逻辑。
结语
本文介绍了 Promise 的状态判断技巧及其应用场景。在实际开发中，我们需要根据 Promise 的状态来进行相应的处理，以避免因处理不当而导致程序出现错误。希望本文能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67813888935627c900b615ee
