Promise笔记

Promise本身是一个构造函数需要一个函数作为参数，函数有两个参数分别是resolve,reject
resolve 函数: 内部定义成功时我们调用的函数 value => {}
reject 函数: 内部定义失败时我们调用的函数 reason => {}

new Promise((resolve,reject)=>{
    resolve('成功!')
    //reject('失败！')
})

executor 会在 Promise 内部立即同步调用,异步操作在执行器中执行

Promise对象Api
方法	作用
Promise.all	返回一个新的 promise, 只有所有的 promise 都成功才成功并返回所有成功的值组成的数组（与输入的顺序相同）, 只要有一个失败了就返回失败的prominse
`Promise.all([Promise,Promise,....]) //Promise.all([p1,'非Promise',p3])`
Promise.race	返回一个新的 promise, 第一个完成的 promise 的结果状态就是最终的结果状态
`Promise.race([Promise,Promise,...]) //Promise.race([p1,'非Promise',p3])`
Promise.reject	返回一个失败的 promise 对象
`Promise.reject(Promise) //Promise.reject('鸡你太美')`
Promise.resolve	返回一个成功/失败的 promise 对象
`Promise.resolve(Promise) //Promise.resolve('鸡你太美')`

Promise实例Api
方法	作用
Promise.prototype.then()	指定用于得到成功 value 的成功回调和用于得到失败 reason 的失败回调返回一个新的 promise 对象
Promise.prototype.catch()	then()的语法糖, 相当于: then(undefined, onRejected)

4 promise 的几个关键问题

4.1 如何改变 promise 的状态?

(1) resolve(value): 如果当前是 pending 就会变为 resolved
(2) reject(reason): 如果当前是 pending 就会变为 rejected
(3) 抛出异常: 如果当前是 pending 就会变为 rejected

4.2 一个 promise 指定多个成功/失败回调函数, 都会调用吗?

当 promise 改变为对应状态时都会调用

4.3 改变 promise 状态和指定回调函数谁先谁后?

(1) 都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调
(2) 如何先改状态再指定回调?
        ① 在执行器中直接调用 resolve()/reject()
        ② 延迟更长时间才调用 then()
(3) 什么时候才能得到数据?
        ① 如果先指定的回调, 那当状态发生改变时, 回调函数就会调用, 得到数据
        ② 如果先改变的状态, 那当指定回调时, 回调函数就会调用, 得到数据

4.4 promise.then()返回的新 promise 的结果状态由什么决定?

4.4.(1) 简单表达: 由 then()指定的回调函数执行的结果决定

4.4.(2) 详细表达:

        ① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
        ② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值
        ③ 如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果

4.5 promise 如何串连多个操作任务?

(1) promise 的 then()返回一个新的 promise, 可以开成 then()的链式调用
(2) 通过 then 的链式调用串连多个同步/异步任务

4.6 promise 异常传透?

(1) 当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调,
(2) 前面任何操作出了异常, 都会传到最后失败的回调中处理

4.7 中断 promise 链?

(1) 当使用 promise 的 then 链式调用时, 在中间中断, 不再调用后面的回调函数
(2) 办法: 在回调函数中返回一个 pendding 状态的 promise 对象

5 async 与 await

5.1 async 函数

5.1.1 函数的返回值为 promise 对象

5.1.2 promise 对象的结果由 async 函数执行的返回值决定

① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值
③ 如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果