0
点赞
收藏
分享

微信扫一扫

Promise学习笔记

笙烛 2021-09-30 阅读 46
前端

笔记仓库: https://gitee.com/KKYVYE/promise-learnin

1.什么是Promise?

Promise是异步调用的解决方案

2.Promise的状态

1.pending变为resolved

2.pending变为reject

Promise的状态

是promise实例对象中的一个属性[PromiseState]

  • PromiseState: pending/resolved/rejected
    • peding:未决定的
    • resolved/fulfilled 成功
    • rejected:失败
  • promise状态只能由pending转变为resolved或者rejected,resolved与rejected之间不能相互转变。

Promise对象的值

PromiseResult是promise实例对象的一个属性,存的是异步任务【成功或失败】的结果

修改实例对象的值
  • resolved
  • rejected

3.Promise的流程

4.Promise的api

  1. promise是一个构造函数(平时是new 将其实例化),Promise(excutor){}
    • excutor是一个函数,称为执行器,具体结构是(resolve,reject) => {}
      • recolve函数:内部定义成功时调用,并将值传递给实例对象then方法的第一个参数value => {}
      • reject函数:内部定义成功时调用,并将值传递给实例对象then方法的第二个参数reason => {}
      • Promise((resolve,reject) => {}){}
    • 说明:excutor会在promise内部立即调用,一般操作在执行器中执行
    • let P = new Promise((resolve,reject) => {
      console.log(111);
      });
      console.log(222);//111->222
  2. Promise.prototype.then方法:(onResolved,onRejected) => {}
    • onResolved函数:成功时的回调函数 let onResolved = (value) => {}
    • onRejected函数:失败时的回调函数 let onRejected = (reason) => {}
  1. Promise.prototype.catch方法:(onRejected) => {}
    • onRejected函数: 失败时的回调函数(reson) => {}
  2. Promise.resolve方法: (value) => {}
    • value: 成功时的数据或者promise对象
    • 说明:resolve方法返回一个成功或者失败的promise对象
  3. Promise.reject方法: (reason) => {}
    • reason: 失败的原因
    • 说明:reject方法返回一个失败的promise对象
  4. Promise.all方法: (promise) => {}
    • promise参数:包含n个promise的数组
    • 说明: 返回一个新的promise,只有所有的promise都成功时才成功,只要有一个失败了就直接失败
  5. Promise.race方法: (promise) => {}
    • promise参数:包含n个promise的数组
    • 说明:返回一个promise对象,第一个完成的promise的结果状态是最终的结果状态

5.Promise的几个关键问题

1.如何改变promise的状态?

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

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

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

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

(改变状态先执行还是then/catch先执行)
(1) 都有可能,正常情况下是先指定回调在改变状态,但也可以先改变状态再指定回调
(2) 如何先改变状态再指定回调?

  • 在执行器中直接调用resolve()/reject()
  • 延迟更长的时间在调用then()

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

  • 如果先指定回调,当状态发生改变时,回调函数就会调用,得到数据
    • excutor执行器是异步的时候,就先指定回调
  • 如果先改变状态,当指定回调时,回调函数就会调用,得到数据
    • excutor执行器是同步时,即执行器直接调用的情况下,先改变状态,再指定回调

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

(1) 简述表达: 有then()指定的回调函数执行的结果决定(执行那个回调,就返回相应的结果)
(2) 详细表达:

  • 如果抛出异常,新promise状态改变为rejected,reason为抛出的异常内容
  • 如果返回的是非promise的任意值,新的promise状态改变为resolved,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. 办法:在回调函数中返回一个pending状态的promise对象
  3. 说明:状态不改变后面的回调函数将不会执行

6.async-await表达式

6.1 async表达式

  1. 函数的返回值为promise对象
    • 如果返回的不是promise对象类型,这返回的是一个状态为成功[fulfilled]的promise对象
    • 如果返回的是一个promise对象,则整体返回结果由这个promise对象决定
    • 如果抛出错误,则返回的是一个状态为rejected的promise对象
  2. promise对象的结果由saync执行的返回值决定

6.2 await表达式

  1. await右侧的表达式一般为promise对象,但也可以是其他的值
  2. 如果表达式是promise对象,await返回的是promise成功的值
  3. 如果表达式是其他值,直接将此值作为await的返回值

6.3 注意

  1. await必须写在async函数中,但async函数中可以没有await
  2. 如果await的promise失败了,就会抛出一错误,需要通过try...catch捕获处理
举报

相关推荐

0 条评论