promise【承诺】的使用

本是古典何须时尚 2021-10-14 18:19 314阅读 0赞

promise是用来处理异步问题的，是js中非常关键的一部分。理顺异步处理之间的关系是编码中非常关键的一部分。甚至是前置条件。关键还是要搞清楚这个糖葫芦串怎么串，串不起来就会出现各种问题。

关键点一：promise 同步执行代码块

登录模块的关键点其实是异步控制。包括正向异步处理和异常捕获显示到页面。

*  本质：理解promise的使用，Promise对象表示未来发生的事件，链式必须在then中返回promise。
 *  理解点：async代码块其实是一个方法，参数为（reslove，reject）=\{\}

async
      new promise（async）  
      -----------------------------------------------------
      new promise（（reslove，reject）={}）
      注1：函数async  是会被立即执行的,只是其中执行的代码可以是异步代码.
      注2：resolve()和reject()的作用：
         如果异步操作成功，则可以调用resolve()来将该实例的状态置为fulfilled，即已完成的，
         如果一旦失败，可以调用reject()来将该实例的状态置为rejected，即失败的。
         就像开关一样，按下开关的同时结束异步，同时可以传入一些值。是传给then的。
         我们常见的res就是resolve的传值。
      注3：如果希望保持链式，需要then中返回一个新的promise才行。
      注4：传参：代码块中可以写入参数 如resolve('随便什么数据')
                在then(function(data){})中可以接收。

关键点二： then 异步回调执行

promise.then(response => {},err => {})

then方法用来处理成功和失败的回调。

注1:then方法接受两个函数作为参数,
        第一个参数是Promise执行成功时的回调
        第二个参数是Promise执行失败时的回调.
        两个函数只会有一个被调用,函数返回值将用作创建then返回的Promise对象
      注2：then返回的是什么，是一个新的 Promise（自己代码写好才行）。
        简单说，它的思想是，每一个异步任务立刻返回一个Promise对象，如下例，由于是立刻返回，所以可以采用同步操作的流程。
        这个Promises对象有一个then方法，允许指定回调函数，在异步任务完成后调用。
        *这个新Promise对象的状态更改（resolve）时机在上一个Promise的回调函数执行的时候。通过这种方式链起来。
         Promise的then方法可以接受前一个函数的执行结果（异步），还可以保证另一个Promise的顺序执行。
      注3：等待这个promise运行结束才调用 resolve 更改状态，关键是resolve的调用时机
      注4： 如果是new promise定义，同步块执行完后设置resolve（参数）
            如果是then返回的promise，也是在f2的同步代码块中设置，即f1().then(f2).then(f3)

代码示例如下：