Promise 相关

Promise 的理解和使用

概念：

• Promise

  • Promise 是 JavaScript 中一种新的异步编程解决方案，可以解决原先使用回调函数产生回调地狱的问题
  • Promise 是一个构造函数，创建的 promise 对象可以用来封装一个异步操作，并获得操作成功和失败的结果

• Promise 实例对象的属性

  • Promise 的状态 PromiseState

    • pending resolved rejected

    • 一个 promise 对象的状态只能改变一次

  • Promise 对象的值 PromiseResult

    • 保存着异步任务成功或失败的结果
    • 可以由 resolve 函数 和 reject 函数修改

  • Promise 状态的改变

    1. resolve(value) ：pending => resolved
    2. reject(reason): pending => rejected
    3. throw(err) 抛出异常：pending => rejected

• Promise 的基本流程
  

  创建一个Promise对象，状态为pendding，执行异步操作，如果成功调用resolve函数，修改PromiseResult的值并调用then的第一个回调函数onResolved，如果失败调用reject函数,，修改PromiseResult的值。。。。

• Promise 构造函数 Promise(executor){}

  • executor 函数：执行器函数 (resolve, reject){}
  • resolve 函数，异步操作成功时调用的函数 value => {}
  • reject 函数，异步操作失败时调用的函数 reason => {}
  • executor 函数会在Promise内部立即同步调用，异步操作在执行器中执行

• Promise.prototype.then 函数：(onResolved, onRejected) =>{}

  • onResolved : 指定成功的回调 (value) =>{}
  • onRejected: 失败的回调函数 (reason) => {}
  • 指定成功的回调函数和失败的回调函数，并且返回一个新的Promise对象

• Promise.prototype.catch 函数

  • onRejected 函数一样，指定失败的回调函数
  • 相当于 then(undefined, onRejected)

• Promise.reslove()

  • 传入的是非Promise 对象，返回成功的Promise对象
  • 传入的是Promise 对象，返回的Promise的值由传入的Promise对象决定

• Promise.reject()

  • 返回的结果一直都是失败的 Promise 对象

• 改变promise状态和指定回调函数谁先谁后？

  

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

  1. 简单表达: 由 then()指定的回调函数执行的结果决定

  2. 详细表达:

     ① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常

     ② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值

     ③ 如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果

• promise 如何串连多个操作任务

  1. promise 的 then()返回一个新的 promise, 可以开成 then()的链式调用
  2. 通过 then 的链式调用串连多个同步/异步任务

• promise 异常传透

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

• 中断 promise 链

  1. 当使用 promise 的 then 链式调用时, 在中间中断, 不再调用后面的回调函数
  2. 办法: 在回调函数中返回一个 pendding 状态的 promise 对象

手写Promise

未完待续…