Promise 的理解和使用
概念:
-
Promise
- Promise 是 JavaScript 中一种新的异步编程解决方案,可以解决原先使用回调函数产生回调地狱的问题
- Promise 是一个构造函数,创建的 promise 对象可以用来封装一个异步操作,并获得操作成功和失败的结果
-
Promise 实例对象的属性
-
Promise 的状态
PromiseState
-
pending resolved rejected
-
一个 promise 对象的状态只能改变一次
-
-
Promise 对象的值
PromiseResult
- 保存着异步任务成功或失败的结果
- 可以由 resolve 函数 和 reject 函数修改
-
Promise 状态的改变
- resolve(value) :pending => resolved
- reject(reason): pending => rejected
- 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内部立即同步调用,异步操作在执行器中执行
- executor 函数:执行器函数
-
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 的结果状态由什么决定?-
简单表达: 由 then()指定的回调函数执行的结果决定
-
详细表达:
① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值
③ 如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果
-
-
promise 如何串连多个操作任务
- promise 的 then()返回一个新的 promise, 可以开成 then()的链式调用
- 通过 then 的链式调用串连多个同步/异步任务
-
promise 异常传透
- 当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调
- 前面任何操作出了异常, 都会传到最后失败的回调中处理
-
中断 promise 链
- 当使用 promise 的 then 链式调用时, 在中间中断, 不再调用后面的回调函数
- 办法: 在回调函数中返回一个 pendding 状态的 promise 对象
手写Promise
未完待续…