这一次，彻底搞懂Promise的状态转换-阿里云开发者社区

这一次，彻底搞懂Promise的状态转换

2021-11-16 400

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 这一次，彻底搞懂Promise的状态转换

这篇文章解决了我很久的困惑，也希望能够解决看到的小伙伴的困惑，谢谢。

Promise的三种状态到底是什么？

pending
fulfilled
rejected

下面我们先看下三种状态的产生

1.pending状态的Promise

const promise1 = new Promise((resolve,reject) => {
})
console.log(promise1);

2. fulfilled状态的Promise

const promise1 = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve()
    })
})
console.log(promise1);

3. rejected状态的Promise

const promise = new Promise((resolve, reject) => {
        setTimeout(() => {
            reject();
        })
    });
    console.log(promise);

从pending状态到fulfilled状态的变化过程

resolve()后状态从pending变为了fulfilled

const promise = new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log('resolve前Promise的状态：',promise);
            resolve();
            console.log('resolve后Promise的状态：',promise);
        })
    });

从pending状态到rejected状态的变化过程

reject()后状态从pending变为了rejected

const promise = new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("Promise的状态：reject前：",promise);
            reject();
            console.log("Promise的状态：reject后：",promise);
        })
    });