promise特点

    技术2022-07-10  91

    promise 为什么会产生  解决异步问题

    1.多个异步请求并发(希望同步最终的结果)promise.all

    2.链式异步请求的问题 上一个人的输出是下一个人的输入 promise的链式调用可以解决这个问题

    3.缺陷:还是基于回调

     

    1. promis有三个状态:成功态resolve,失败态reject, 等待态pending

    promise就是一个类 new Promise((resolve,  reject) => {

    2. 用户自己决定成功的原因和失败的原因, 成功和失败也是用户定义的

    3. 默认执行器立即执行

    })

    4. promise的实例都有一个then方法,一个参数是成功的回调,另一个参数是失败的回调

    promise.then((data) => {

      console.log('success');

    }, (err) => {

      console.log('fail');

    })

    多个then时,从其中一个中终断向下传递的方法,then(() => return new Promise((resolve, reject) => {}) ), 不成功也不失败

    5. 如果执行函数时发生了异常也会执行失败逻辑

    6. 如果promise一旦成功就不能失败,反过来也是

     

    class Promise { constructor(executor) { this.status = PENDING; this.value = undefined; this.reason = undefined; this.onResolveCallBacks = []; this.onRejectCallBacks = []; let resolve = (value) => { if(this.status === PENDING) { this.value = value; this.status = RESOLVED; this.onResolveCallBacks.forEach(fn=>fn()); } } let reject = (reason) => { if(this.status === PENDING) { this.reason = reason; this.status = REJECTED; this.onRejectCallBacks.forEach(fn=>fn()); } } try{ executor(resolve, reject); // 立即执行 }catch(e){ reject(e); } then(onFulfilled, onRejected) { //每次调then都new一个promise let promise2 = new Promise((resolve, reject) => { // 为了链式调用 if(this.status === RESOLVE) { let x = onFulfilled(this.value); resolve(x); } if(this.status === REJECTED) { onRejected(this.reason); } if(this.status === PENDING){ // 2. 发布订阅模式 如果当前状态时pending,我们需要将成功和失败的回调存放起来,稍后调用resole和reject的时候重新执行 this.onResolvedCallbacks.push(() => { // todo... onFulfilled(this.value); }) this.onRejectCallBacks.push(() => { // todo... onRejected(this.reason); }) } }) return promise2; } } } module.exports = Promise

    // error first 错误第一 异步方法无法通过try catch捕获异常

    1.promise成功和失败的回调的返回值 可以传到外层的下一个then

    2.如果返回的是普通值的话(不是报错、不是promise)(传递到下一次的成功中),出错的情况(一定会走到下一次的失败),可能还有promise的情况(会采用promise的状态,决定下一次的成功还是失败)

    3.错误处理 如果离自己最近的then 没有错误处理 会向下找

    4.每次执行完promise.then方法后返回的都是一个“新的promise”(promise一旦成功或失败就不能修改状态)

     

    Processed: 0.010, SQL: 9