微信小程序promsie.all与promise的顺序执行

//存储promise对象的数组
let promiseArr = [];
//图片地址数组
let imageList = [];
//将图片地址的上传的promise对象加入到promiseArr
for (let i = 0; i < imageList.length; i++) {
  let promise = new Promise((resolve, reject) => {
    //微信图片上传
    wx.uploadFile({
      url: 'https://xxx.xxx.xxx/api/uploadImage',
      filePath: imageList[i],
      name: 'file',
      success: function(res) {
        //可以对res进行处理，然后resolve返回
        resolve(res);
      },
      fail: function (error) {
        reject(error);
      },
      complete: function (res) {
      },
    })
  });
  promiseArr.push(promise)
}
//Promise.all处理promiseArr数组中的每一个promise对象
Promise.all(promiseArr).then((result) => {
  //对返回的result数组进行处理
})

三、微信小程序的问题

在做微信小程序的图片上传功能，这边只能先上传图片，然后将图片名和地址以response返回。

这里面我们就是用了promise.all方法但是有一个问题就是，promise.all是并发执行的，但是微信小程序一次只能并发10个请求。

对于图片上传，可能需要一次上传超过10张图片，也就是一次并发超过10个请求，这样的话微信就会报错

“WAService.js:4 uploadFile:fail createUploadTask:fail exceed max upload connection count 10”。

四、顺序Promise执行处理

因为Promise.all是同时运行多个promsie对象，所以对于这种并发的数量，小程序是有限制的，一次只能并发10个，所以如果想突破这种限制，可以进行顺序执行每个Promise。

代码如下：

//顺序处理函数
function sequenceTasks(tasks) {
  //记录返回值
  function recordValue(results, value) {
    results.push(value);
    return results;
  }
  let pushValue = recordValue.bind(null, []);
  let promise = Promise.resolve();
  // 处理tasks数组中的每个函数对象
  for (let i = 0; i < tasks.length; i++) {
    let task = tasks[i];
    promise = promise.then(task).then(pushValue);
  }
  return promise;
}

//函数数组，每个函数的返回值是一个promise对象
let promiseFuncArr = [];
//图片地址数组
let imageList = [];
//将图片地址的上传的函数加入到promiseFuncArr数组中
for (let i = 0; i < imageList.length; i++) {
  let promiseTemp = function(){
    return new Promise((resolve, reject) => {
      //微信图片上传
      wx.uploadFile({
        url: 'https://xxx.xxx.xxx/api/uploadImage',
        filePath: imageList[i],
        name: 'file',
        success: function(res) {
          //可以对res进行处理，然后resolve返回
          resolve(res);
        },
        fail: function (error) {
          reject(error);
        },
        complete: function (res) {
        },
      })
    });
  };
  promiseFuncArr.push(promiseTemp)
}

sequenceTasks(promiseFuncArr).then((result) => {
  //对返回的result数组进行处理
});
1.这里解释一下sequenceTasks函数的作用
首先recordValue函数传入两个值，一个是results是返回的数组，另一个是value，value是传入的值，results.push(value);将每一个值push到results数组，然后再返回results数组。
let pushValue = recordValue.bind(null, []);
pushValue也是一个函数对象，将recordValue bind到一个[ ]数组中，第一个参数传null代表，不改变函数this的指向，所以pushValue得到就是一个function (value)的函数，参数传入value。
promise = promise.then(task).then(pushValue);
task是函数，函数返回promise对象，在我们这里就是上传图片函数，每一张图片上传都创建一个函数，then(pushValue)，pushValue是function (value)的函数，value代表的就是图片上传之后的返回值，pushValue将返回值push到result数组中，依次执行，依次加入到result数组中，最后返回。就可以得到一个对象数组，数组中就是依次执行返回的结果。
2. sequenceTasks也里面的for循环，也可以写成如下的reduce方式：
function sequenceTasks(tasks) {
  //记录返回值
  function recordValue(results, value) {
    results.push(value);
    return results;
  }
  let pushValue = recordValue.bind(null, []);
  return tasks.reduce(function (promise, task) {
    return promise.then(task).then(pushValue);
  }, Promise.resolve());
}
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
微信小程序访问node.js接口服务器搭建的介绍
微信小程序网络请求wx.request的介绍
微信小程序实现YDUI中ScrollTab组件
以上就是微信小程序promsie.all和promise的顺序执行的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。



  
关键词：微信小程序promsie.all与promise的顺序执行