es6 --- > Promise.all等待多个异步任务执行

项目中遇到一个问题,要用多个http请求,获取数据,然后将获取的数据统一处理…
第一反应想到用promise.all来做… 下面进入主体

// 首先使用promise封装http请求.
function getListByDetecttype (params) {
    return new Promise((resolve, reject) => {
        let param = params ? param :  ' ';
        let url = YOURURL
        $.post(url, param)
        .then(function (res){
            res = JSON.parse(res);
            if(res.result && res.code === 200) {
                resolve(res);
            } else {
                console.log(err);
            }
        })
    })
}
// 根据参数驱动,获取__PROMISE__数组
// 比如说,您的参数放在数组 __PARAMS__里面
for(let i =0; i < __PARAMS__.length; i++) {
    __PROMISE__[i] = getListByDetecttype(__PARAMS__[i]);
}
// 使用Promise.all等待promise全部执行
Promise.all(__PROMISE__).then(function(values){
    // 拿到数据后便可以为所欲为了...
    console.log(values);
});

es6 --- > Promise.all等待多个异步任务执行_第1张图片
es6 --- > Promise.all等待多个异步任务执行_第2张图片

注:

  1. Promise.all不能保证异步的执行顺序
  2. 上面代码使用了jquery的$.post()使用需先导入jquery

你可能感兴趣的:(es6)