一、Promise

1、理解

Promise是异步编程的一种新的解决方案

具体来说：

​ 从语法上来说：Promise是一个构造函数

​ 从功能上来说：Promise对象用来封装一个异步操作并可以获取其成功/失败的结果值

2、为什么要用Promise

1. 指定对调函数的方式更加灵活
2. 只是链式调用，可以解决回调地狱的问题

3、Promise的基本流程

4、Promise的状态改变

1. pending变为resolved
2. pending变为rejected

说明：是有这两种状态，且一个Promise对象只能改变一次

​ 无论变成成功还是失败，都会有一个结果数据

​ 成功的结果数据位value，失败的结果数据从称为resaon

5、Promise对象结果值属性

实例对象中的另一个属性

保存着对象【成功**/**失败】的结果，在后续的.then()/.catch()的时候将值调用出来

6、如何使用Promise

1. Promise构造函数：Promise（excutor）{}

   • excutor函数：构造器（resolve，reject）=>{}
   • resolve函数：内步定义成功时我们调用的函数 value=>{}
   • reject函数：内部定义失败时我们调用的函数reason=>{}

   说明：excutor会在Promise内部立即同步调用，异步操作在执行器中执行

2. Promise.protrtype.then方法：（onResolved，onRejected）=>{}

   • onResolved函数，成功的回调函数（value）=>{}
   • onRejected函数，失败的回调函数（reason）=>{}

   说明：指定用于成功的value的成功回调用于得到失败reson的失败回调返回一个新的promise对象

3. Promise.prototype.catch()方法：(onRejected)=>{}

   • onRejected函数：失败的回调函数(reson)=>{}

Promise的几个关键问题

1. 如何改变Promise的状态？

   • resolve(value)：如果当前时pending就会变成resolved
   • reject(reason)：如果当前时pending就会变成rejected
   • 抛出异常：如果当前时pending就会变成rejected

2. 一个Promise指定多个成功/失败回调函数都会调用么?

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

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

   • 都有可能，正常情况下时先指定回调函数再改变状态，但也可以先改变状态再指定回调
   • 如何先改变状态再指定回调？
     • 在执行器中直接调用resolve()/reject()
     • 延迟更长时间才调用then()
   • 什么时候得到数据？
     • 如果先指定回调，那么，当状态发生改变的时候，回调函数就会调用，得到数据
     • 如果先改变的状态，那当指定回调的时候，回调函数就会调用，得到数据

4. promise.then()返回的新的Promise的结果状态由什么决定

   • 由then()指定的回调函数执行的结果决定
     1. 如果抛出异常，新的Promise变为rejected，reason为抛出的异常
     2. 如果返回的是非promise的任意值，新的Promise变为resolved，valve为返回的值
     3. 如果返回的是另一个新的promise，此Promise的结果就会成为新的Promise的结果

5. Promise如果串联多个操作任务？

   • promise的then（）返回一个新的Promise，可以看成then()的链式调用
   • 通过then的链式调用串联多个同步/异步任务

6. Promise异常穿透

   • 当使用promise的then链式调用的时候，可以在最后指定失败的回调
   • 前面任何操作出现了异常，都会传到最后失败的回调中处理

7. 中断Promise链

   • 当使用promise的then链式调用的时候，在中间中断，不再调用后面的回调函数
   • 办法：在回调函数中返回一个pending状态的promise对象

二、async和await

1、async函数

1. 函数的返回值为Promise对象
2. Promise对象的结果由async函数执行的返回值决定

2、await表达式

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

3、注意

1. await必须写在async函数中，但async函数中可以没有await
2. 如果await的promise失败了，就会抛出异常，需要通过try…catch捕获处理