• Nodejs与ES6系列2:Promise对象


    2、promise对象

    js单线程异步执行的特性,因此在代码中充斥着回调函数。随着回调函数的增加,代码的可读性会愈来愈差,因此引入promise对象是不错的一种选择,可以避免层层回调函数。在ECMA6中提供了原生的promise对象而不再需要第三库。

    2.1 promise构造

    ECMA6中所提供的promise对象是由构造函数生成的,基本用法如下:

    代码 2.1.1

    new Promise(function (resolver, reject) {
        if (success)
            resolver(data)
        else
            reject(error)
    });
    

    在promise的构造函数中接受(一个带有两个参数的)函数做为入参,两个参数分别是resolver和reject,用于在异步回调中将状态改为成功,或将状态改为失败。代码2.1.2展示promise的简单示例:

    var getData = function (data) {
        return new Promise(function (resolver, reject) {
            if (data === -1)
                reject(data);
            setTimeout(resolver([1, 2, 3, 4, 5]), 1);
        })
    }
    

    getdata是一个返回promise对象的函数,通过setTimeout来模拟异步操作,当操作成功返回数组[],当输入参数为-1时返回失败状态。代码2.1.3调用getdata函数并返回结果,通过then方法得到成功后回调,而通过catch指定失败后的回调,除了通过catch方法指定失败回调外,还可以通过then方法的第二参数指定失败回调,两种方式等价。

    getData(1).then(function (data) {
        console.log(data);
    }).catch(function (data) {
        console.log('出现异常:'+data);
    })
    ====
    [ -1, 2, 3, 4, 5 ]
    

    2.2、promise.all

    很多业务场景需要对数据进行集合操作,例如发送数据取出一个集合数据,遍历集合数据将集合数据又发送至另一个接口取数据,这是一个典型的二次调用接口方法,此时就需要使用到promise.all 方法。

    // return 集合
    var getData = function (data) {
        return new Promise(function (resolver, reject) {
            if (data === -1)
                reject(data);
            setTimeout(resolver([-1, 2, 3, 4, 5]), 1);
        })
    }
    
    
    var getdataInfo = function (data) {
        return new Promise(function (resolver, reject) {
            if (data === -1)
                reject(data);
            console.log(data + '的详情是...');
            setTimeout(resolver(data), 1);
        })
    }
    
    getData(1).then(function (data) {
        var array = data.map(getdataInfo);
        Promise.all(array).then(function (data) {
            console.log('全部请求成功');
        }).catch(function (data) {
            console.log('数据' + data + '失败');
        });
    })
    

    getdata函数返回一个集合,集合中的数据作为getdatainfo的函数的参数,而datainfo函数也是一个异步操作,首先通过数组map方法生成promise对象的数组,然后调用promise.all(array)调用promise数组,当整个promise都返回时触发promise.all的then方法,当其中一个失败的时候触发catch方法。

  • 相关阅读:
    pat03-树1. 二分法求多项式单根(20)
    pat05-图1. List Components (25)
    pat06-图4. Saving James Bond
    pat05-图3. 六度空间 (30)
    pat05-图2. Saving James Bond
    pat04-树9. Path in a Heap (25)
    pat04-树8. Complete Binary Search Tree (30)
    pat04-树7. Search in a Binary Search Tree (25)
    pat04-树5. File Transfer (25)
    Two Sum
  • 原文地址:https://www.cnblogs.com/vipyoumay/p/5598007.html
Copyright © 2020-2023  润新知