1. promise是什么?
是一门新的技术(es6规范)、是js中进行异步编程的新的解决方案;
从语法上说是一个构造函数、从功能上说是用来封装一个异步操作并且可以获取成功/失败额结果值。
2. 为什么要用promise
1. 支持链式调用,可以解决回掉地狱问题
什么是回调地狱?
回调函数嵌套调用,外部回调函数异步执行的结果是嵌套的回掉执行的条件
回调地狱的缺点?
不便于阅读
不便于异常处理
2. 指定回调函数的方式更加灵活
3. promise对象当中的属性 :
1. promise状态:PromiseState
是promise实例对象当中的一个属性,内置属性不能直接操作;
有三种值: pending(未决定的)、resolved/fullfilled(成功的)、rejected(失败的)
只有俩种情况,且一个promise对象只能改变一次:
1. pending变成resolved/fullfilled
2. pending变成rejected
不管变成成功还是失败,都会有一个结果数据,成功结果数据一般称为value,失败结果一般称为reason
2. promise对象的值:PromiseResult
1.保存的是对像(异步任务)「成功/失败」的结果
2.只有resolve和reject可以修改PromiseResult的值,
修改之后可以在后续的链式调用中(.then)获取返回的值,并且进行相关处理
4. promise的工作流程
5. Promise Api
1. Promise构造函数:Promise(executor){}
1. executor函数:执行器(resolve,reject)=>{}
2. resolve函数:内部定义成功时调用的函数 velue=>{}
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)=>{}
onRejected函数:失败的回调函数reason=>{}
6. Promise函数对象中的方法
1. Promise.resolve方法:(value)=>{}
value: 成功的数据或者promise对象,返回一个成功/失败的对象
2. Promise.reject方法:(reason)=>{}
reason: 失败的原因,返回一个失败的promise对象
3. Promise.all方法:(promise)=>{}
promise: 包含多个promise的数组,
返回一个新的promise,只有所有的promise都成功才能成功,只要有一个失败就直接失败
4. Promise.race方法:(promise)=>{}
promise: 包含多个promise的数组,
返回一个新的promise,第一个完成的promise的结果状态就是最终的结果状态
7. Promise的几个关键问题
1. 如何修改状态?
resolve()方法,reject()方法,throw(抛出错误)
2. 能否执行多个回调(一个promise指定多个成功/失败的函数,都会调用吗)?
当promise改变为对应状态的时候都会执行
3. 改变状态与指定回调函数的顺序?
1. 都有可能,正常情况下是先指定回调再改变状态,但也可以先改变状态再指定回调
2. 如何先改状态再指定回调?
a. 在执行器中直接调用resolve()/reject()
b. 延迟更长时间才调用then()
3. 什么时候才能得到数据?
a. 如果先指定的回调,当状态发生改变时,回调函数就会调用,得到数据
b. 如果先改变状态,那当指定回调时,回调函数就会调用,得到数据
4. promise.then()返回的新promise得结果状态由什么决定?
简而言之:由then()指定的回调函数执行的结果决定
细说:
a. 如果抛出异常,新的promise变成rejected ,reason为抛出的异常
b. 如果返回的是非promise的任意值,新promise变成resolved,value为返回的值
c. 如果返回的是另一个新promise,此promise的结果就会成为新promise的结果
5. promise如何串联多个操作任务?
1. promise的then()返回一个新的peomise,可以开成then()的链式调用
2. 通过then()的链式调用串联多个同步/异步任务
6. promise异常穿透?
1. 当使用promise的then链式调用时,可以在最后指定失败的回调
2. 前面任何操作出了异常,都会传到最后失败的回调中处理
7. 中断promise链?
1. 当使用promise的then链式调用时,在中间中断,不再调用后面的回调函数
2. 办法:在回调函数中返回一个pending状态的promies对象「return new Promise(()=>{})」
8. Promise封装
9.async、await
async函数:
1.返回值是promise对象
2.promise对象的结果由async函数执行的返回值决定
a.如果返回值是一个非promise类型的值,结果为成功,结果值为返回值
b.如果返回值是一个promise类型的值,结果则为promise返回的值
c.抛出异常,结果是一个失败的promise结果,结果值为抛出的值
await表达式
1.await右侧的表达式一般为promise对象,但也可以是其他的值
2.如果表达式是promise对象,await返回的是promise的值
3.如果表达式是其他值,直接将此值作为await的返回值
⚠️注意:
await必须写在async函数中,但async函数中可以没有await
如果await的promise失败了,就会抛出异常,需要通过try{}catch(e){}捕获处理