Promise的那点东西

一、什么是 Promise

       

略过......

 

二、Executor

Executor是创建Promise对象时传入的回调函数，这个回调函数会立即执行，并且传入两个参数

new Promise((resolve, reject) => {
    console.log('Executor中的输出')
})

通常会在 Executor中确定Promise的状态

• 通过resolve，可以兑现Promise的状态，由 pending 变为 fulfilled 也可以称之为 resolved
  • 当调用resolve回调函数时，会执行Promise对象的then方法传入的回调函数

• 通过reject，可以拒绝Promise的状态，由 pending 变为 reject
  • 当调用reject回调函数时，会执行Promise对象的catch方法传入的回调函数

const promise = new Promise((resolve, reject) => {
    // 调用 resolve，then传入的回调会执行
    resolve('哈哈哈')
    reject('芜湖')
})

promise.then(res => {
    console.log(res)
}).catch(err => {
    console.log(err)
})

tip: 一旦状态被确定下来，Promise的状态就会被锁死，该状态是不可更改的。如果同时 resolve 和 reject 看谁先调用决定状态

三、resolve传入不同值的区别

1：一个普通的值或者对象，那么这个值会作为then回调的参数

new Promise((resolve, reject) => {
    resolve(1)
}).then(res => {
    console.log(res) // 1
})

new Promise((resolve, reject) => {
    resolve({ name: "deyang" })
}).then(res => {
    console.log(res) // deyang
})

2：Promise对象，那么当前Promise状态会由传入的Promise决定

const newPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
        console.log('新的promise的resolve')
    }, 3000)
})
new Promise((resolve, reject) => {
    resolve(newPromise)
}).then(res => {
    console.log('res:', res) // 3s 后打印：新的promise的resolve
}, err => {
    console.log('err:', err)
})

3.thenable对象，会执行该对象then方法，由该对象then调用结果决定Promise状态

thenable对象，实现了then方法的对象 

new Promise((resolve, reject) => {
    resolve({
        then: function (resolve, reject) {
            resolve('对象then中的resolve方法')
            // reject('对象then中的reject方法')
        }
    })
}).then(res => {
    console.log('res:', res) // res: 对象then中的resolve方法
}, err => {
    console.log('err:', err) // res: 对象then中的reject方法
})

 

四、then 方法 

then方法是Promise对象上的方法，需要通过new Promise创建实例对象调用

（它其实是放在Promise的原型上的 Promise.prototype.then，new 操作符会将创建的实例对象的__proto__指向了构造函数的prototype，all方法是类方法，直接通过Promise.all调用）

1:

2:

3:

五、catch

六、finally

七、resolve方法

八、reject方法