Promise（一）

Promise的三种状态

1.pending
2.resolved
3.rejected

三种状态关系
pending -> resolved (可以转换)
pending -> rejected (可以转换)

    <script>
        const p1 = new Promise((resolve, reject) => { //创建promise
        })
        console.log(p1)
            // pending=>resolved
        const p2 = new Promise((resolve, reject) => { //创建promise2
            resolve()
        })
        console.log(p2)
            // pending=>reject
        const p3 = new Promise((resolve, reject) => { //创建promise3
            reject()
        })
        console.log(p3)
    </script>

Promise不同状态表现

//pending状态下的promise不会触发then 和catch 
const p1 = new Promise((resolve, reject) => { //创建promise
   })
 console.log(p1)
 p1.then(()=>{
console.log('p1 then')
}).catch(()=>{
console.log('p1 catch')
})
//resolve状态下的promise会触发then里面的回调函数
const p2 = Priomise.resolve() //简写
 p2.then(()=>{
console.log('p2 then')
}).catch(()=>{
console.log('p2 catch')
})

//reject状态下的promise会触发catch 里面的回调函数
const p3 = Promise reject()
 p3.then(()=>{
console.log('p3 then')
}).catch(()=>{
console.log('p3 catch')
})

then、catch对Promise状态的影响

const p1 = Promise.resolve()
console.log(p1)
//p1.then的回调函数里面没有抛出异常，所以，会返回一个resolve
const res = p1.then(()=>{
console.log('success')
})

//p1.then的回调函数里面抛出异常，所以，会返回一个reject
const res = p1.then(()=>{
 throw new Error('error')//这里我抛出一个异常
})


//p1.catch的回调函数里面没有抛出异常，所以，会返回一个resolve
const res = p1.catch(()=>{
console.log('success')
})

//p1.catch的回调函数里面抛出异常，所以，会返回一个reject
const res = p1.catch(()=>{
 throw new Error('error')//这里我抛出一个异常
})

总结：无论then || catch 有没有抛出异常，p.then或者p.catch都会返回一个resolve状态的Promise。如果抛出异常，p.then或者p.catch都会返回reject状态的Promise。