Promise学习笔记

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

1.什么是Promise?

Promise是异步调用的解决方案

2.Promise的状态

1.pending变为resolved

2.pending变为reject

说明：promise只有这两种状态，一个promise对象状态只能改变一次，无论是失败还是成功，都会有一个结果数据，成功的值一般称作value，失败的值一般称为reason。

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) => {}

说明：指定用于得到成功value的成功回调，以及，用于得到失败reason的失败回调，then方法返回一个Promise对象

3. Promise.prototype.catch方法：(onRejected) => {}
   • onRejected函数： 失败时的回调函数(reson) => {}
4. Promise.resolve方法： (value) => {}
   • value: 成功时的数据或者promise对象
   • 说明：resolve方法返回一个成功或者失败的promise对象
5. Promise.reject方法： (reason) => {}
   • reason: 失败的原因
   • 说明：reject方法返回一个失败的promise对象
6. Promise.all方法： (promise) => {}
   • promise参数：包含n个promise的数组
   • 说明： 返回一个新的promise，只有所有的promise都成功时才成功，只要有一个失败了就直接失败
7. 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捕获处理