**定义:**是一个构造函数,可以解决回调地狱的问题
**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对象