• JS promise


    一、背景

    大家都知道nodejs很快,为什么会这么快呢,原因就是node采用异步回调的方式来处理需要等待的事件,使得代码会继续往下执行不用在某个地方等待着。

    二、简介

    Promise,他是一个对象,是用来处理异步操作的,可以让我们写异步调用的时候写起来更加优雅,更加美观便于阅读。顾名思义为承诺、许诺的意思,意思是使用了Promise之后他肯定会给我们答复,无论成功或者失败都会给我们一个答复,所以我们就不用担心他跑了哈哈。所以,Promise有三种状态:pending(进行中),resolved(完成),rejected(失败)。只有异步返回的结构可以改变其状态。所以,promise的过程一般只有两种:pending->resolved或者pending->rejected。

    promise对象还有一个比较常用的then方法,用来执行回调函数,then方法接受两个参数,第一个是成功的resolved的回调,另一个是失败rejected的回调,第二个失败的回调参数可选。并且then方法里也可以返回promise对象,这样就可以链式调用了。接下来上代码:

    ?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    var Pro = function (time) {

       //返回一个Promise对象

       return new Promise(function (resolve, reject) {

        console.log('123');

        //模拟接口调用

        setTimeout(function () {

         //这里告诉Promise 成功了,然后去执行then方法的第一个函数

         resolve('成功返回');

        }, time);

       })

      };

      (function(){

       console.log('start');

       Pro(3000)

       .then(function(data){

        console.log(data);

        return Pro(5000);})

       .then(function(data){

        console.log(data);

        console.log('end');

       })

      })();

    上边代码中,定义了一个Pro变量,然后把一个匿名函数赋给他,函数返回一个Promise对象,然后对象里边接收一个函数,分别把resolve跟reject方法当参数传进去,用setTimeOut来模拟异步请求,当执行resolve方法后就会调用then方法的一个函数。结果如下:

    三、Promise 的api 

    1、Promise.resolve()
    2、Promise.reject()
    3、Promise.prototype.then()
    4、Promise.prototype.catch()
    5、Promise.all() // 所有的都有完成,相当于 且
    6、Promise.race() // 完成一个即可,相当于 或

    1、Promise.resolve()的作用将现有对象转为Promise对象resolvedl;Promise.resolve('test')==new Promise(resolve=>resolve('test'))

    2、Promise.reject()也是返回一个Promise对象,状态为rejected;

    3、then方法上边已经做介绍,这里就不再介绍。

    4、catch():发生错误的回调函数。

    5、Promise.all()适合用于所有的结果都完成了才去执行then()成功的操作。举个例子:

    ?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    let p1 =new Promise(function(resolve,reject){

       resolve(1);

      });

      let p2 = new Promise(function(resolve,reject){

       resolve(2);

      });

      let p3 = new Promise(function(resolve,reject){

       resolve(3);

      });

      Promise.all([p1, p2, p3]).then(function (results) {

       console.log('success:'+results);

      }).catch(function(r){

       console.log("error");

       console.log(r);

      });

    最后输出:

    6、Promise.race()的作用也是同时执行多个实例,只要有一个实例改变状态,Promise就改为那个实例所改变的状态;

     

    来自:https://www.jb51.net/article/134310.htm

  • 相关阅读:
    Java单例模式
    Java中子类覆盖父类方法所必须满足的条件
    Java中break、continue及标签等跳转语句的使用[下]
    CSS控制图片显示区域
    rabbitmq 用户管理
    rabbitmq web管理页面无法访问
    centos6.5 以 zero-dependency Erlang from RabbitMQ 搭建环境
    docker 解决:Get http:///var/run/docker.sock/v1.19/version: dial unix /var/run/docker.sock: no such file or directory. Are you trying to connect to a TLS-enabled daemon without TLS?
    解决:java.lang.ArrayIndexOutOfBoundsException: 160 at com.alibaba.fastjson.serializer.SerializeWriter.writeStringWithDoubleQuote(SerializeWriter.java:868)
    centos 解决:Another app is currently holding the yum lock; waiting for it to exit
  • 原文地址:https://www.cnblogs.com/xiaoyueyuedeboke/p/10053667.html
Copyright © 2020-2023  润新知