promise

41 阅读5分钟

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的工作流程

image.png

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){}捕获处理