学习Promise总结

128 阅读3分钟

**定义:**是一个构造函数,可以解决回调地狱的问题

**Promise有三种状态:**实例对象中的一个属性 PromiseState

pending:未决定/resloved成功/reject拒绝

Promise三种方法: ​ then表示异步成功执行后的数据状态变为serlove

​ catch表示异步失败后执行的数据状态变为reject

​ all表示把多个没有关系的Promise封装成一个Promise对象使用then返回一个数组**

Promise的状态改变:

1.pending变为resolved

2.pending变为rejected

只有这两种,且一个promise实例对象只能改变一次,无论变为成功环视失败,都会有一个结果数据,成功的结果数据一般称为value,失败的结果数据一般称为reason

使用Promise封装发起get请求

function  sendAjax(url){
        return new Promise((resolve, reject) =>{
            var xhr = new XMLHttpRequest()
            xhr.responseType = "json"
            xhr.open('get',url)
            xhr.send()
            xhr.onreadystatechange = function (){
                if (xhr.readyState === 4){
                    if (xhr.status >= 200 && xhr.status <300){
                        resolve(xhr.response)
                    } else  {
                        reject(xhr.status)
                    }
                }
            }
        })
    }

Promise对象的值

实例对象中另一个属性:PromiseResult,保存着对象成功/失败的结果

修改PromiseResult的值:1.resolve(); 2.reject()

Promise的工作流程:

使用Promise

1.API

// 1.Promise构造函数:
Promise(excutor){}
(1)executor函数:同步执行,执行器(resolve,reject)=>{}
(2)resolve函数:内部定义成功是我们调用的函数 value=>{}
(3)reject函数:内部定义失败是我们调用的函数reason=>{}
说明:executor会在Promise内部立即同步调用,异步操作在执行器中执行
// 2.Promise.prototype.then方法:(onResolved,onRejected)=>{}
(1)onResolved函数:成功的回调函数(value)=>{}
(2)onRejected函数:失败的回调函数(reason)=>{}
说明:指定用于得到成功value的成功回调和用于得到失败reason的失败回调,返回一个新的promise对象
// 3.Promise.prototype.catch方法:(onRejected)=>{}
(1)onRejected函数:失败的回调函数(reason)=>{}
// 4.Promise.resolve()
(1)value:成功的数据或promise对象
说明:返回一个成功/失败的promise对象
// 5.Promise.reject()方法:
(1)value:失败的数据或promise对象
// 6.Promise.all方法:(promises)=>{}
(1)promises:包含n个promise的数组
说明:返回一个新的promise,只有所有的promise都成功才能成功,只要有一个失败了就都直接失败
// 7.Promise.race方法:(promises)=>{}
(1)promise:包含n个promise的数组
说明:返回一个新的promise,第一个完成的promise的结果状态就是最终的结果装阿泰

promise的几个关键问题

1.如何改变promise的状态

(1)resolve(value):如果当前是pending就会变成resolved

(2)reject(reason):如果当前是pending就会变成rejected

(3)抛出异常throw:如果当前是pending就会变成rejected

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

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

3.改变promise状态和指定回调函数谁先谁后

(1)都有可能,正常情况下是先指定回调在改变状态,但也可以先改变状态在指定回调

(2)如何先改变状态再指定回调

①在执行器中直接调用resolve()/reject()

②延迟更长时间才调用then()

(3)什么时候才能得到数据

①如果先指定的回调,那当状态发送改变是,回调函数就会调用,得到数据

②如果先改变的状态,那当指定回调时,回调函数就会调用,得到数据

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

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

(2)详细表达:①如果抛出异常,新promise变成rejected,reason为抛出的异常

​ ②如果返回的是非promise的任意值,新promise变为resolve,value为返回的值

​ ③如果返回的是另一个新promise,此promise的结果就会成新promise的结果

5.promise如何串联多个操作任务

(1)promise的then()返回一个新的promise,可以开成then()的链式调用

(2)通过then()的链式调用串连多个同步/异步任务

6.promise异常传透

(1)当时用promise的then链式调用是,可以在最后指定失败的回调

(2)前面任何操作出了异常,都会传到最后失败的回调中处理

7.中断promise链

(1)当使用promise的then链式调用时,在中间中断,不再调用后面的回调函数

(2)办法:在回调函数中返回一个pendding状态的promise对象