zoukankan      html  css  js  c++  java
  • 一起手写吧!promise.all

    Promise.all 接收一个 promise 对象的数组作为参数,当这个数组里的所有 promise 对象全部变为resolve或 有 reject 状态出现的时候,它才会去调用 .then 方法,它们是并发执行的。

    var p1 = Promise.resolve(1),
        p2 = Promise.resolve(2),
        p3 = Promise.resolve(3);
    Promise.all([p1, p2, p3]).then(function (results) {
        console.log(results);  // [1, 2, 3]
    });

    在上面的方法中,promise 数组中所有的 promise 实例都变为resolve 的时候,该方法才会返回,并将所有结果传递 results 数组中。

    promise 数组中任何一个 promisereject 的话,则整个 Promise.all 调用会立即终止,并返回一个 reject 的新的 promise 对象。reject 使用示例如下:

    var p1 = Promise.resolve(1),
        p2 = Promise.reject(2),
        p3 = Promise.resolve(3);
    Promise.all([p1, p2, p3]).then(function (results) {
        //then方法不会被执行
        console.log(results);
    }).catch(function (e){
        //catch方法将会被执行,输出结果为:2
        console.log(e);
    });

    总结 promise.all 的特点

    1、接收一个 Promise 实例的数组或具有 Iterator 接口的对象,

    2、如果元素不是 Promise 对象,则使用 Promise.resolve 转成 Promise 对象

    3、如果全部成功,状态变为 resolved,返回值将组成一个数组传给回调

    4、只要有一个失败,状态就变为 rejected,返回值将直接传递给回调
    all() 的返回值也是新的 Promise 对象

    实现 Promise.all 方法

    function promiseAll(promises) {
        return new Promise(function (resolve, reject) {
            if (!isArray(promises)) {
                return reject(new TypeError('arguments must be an array'));
            }
            var resolvedCounter = 0;
            var promiseNum = promises.length;
            var resolvedValues = new Array(promiseNum);
            for (var i = 0; i < promiseNum; i++) {
                (function (i) {
                    Promise.resolve(promises[i]).then(function (value) {
                        resolvedCounter++
                        resolvedValues[i] = value
                        if (resolvedCounter == promiseNum) {
                            return resolve(resolvedValues)
                        }
                    }, function (reason) {
                        return reject(reason)
                    })
                })(i)
            }
        })
    }
    
    
  • 相关阅读:
    高斯核函数的代码体现
    程序编译
    DoH
    随笔1
    获取节点值的方式
    DOM解析XML
    URLConnection发送请求,并接收数据
    myeclipse编译后的jsp文件存放位置
    各种中文乱码
    各种提交的区别
  • 原文地址:https://www.cnblogs.com/magicg/p/12791386.html
Copyright © 2011-2022 走看看