Explication détaillée de l'exécution séquentielle de promsie.all et de promise

Cet article présente principalement les informations pertinentes sur l'applet WeChat promsie.all et l'exécution séquentielle des promesses. J'espère que cet article pourra aider tout le monde. Les amis dans le besoin pourront s'y référer.

L'applet WeChat promsie.all et promise sont exécutés séquentiellement

Avant-propos

Récemment. Lors du développement de petits programmes, l'une des exigences que j'ai rencontrées est la soumission du formulaire. Ce que WeChat fait ici est de télécharger d'abord l'image, et l'arrière-plan vous renverra le nom et l'adresse de l'image, puis vous insérez l'image. informations sur l'image. Accédez à la position correspondante du formulaire, puis soumettez le formulaire. Cela implique comment télécharger la demande d'image avant de télécharger le formulaire. De plus, s'il y a plusieurs images dans l'applet WeChat, vous ne pouvez les télécharger qu'une par une. . Pour faire simple, après avoir téléchargé l'image (plusieurs requêtes), obtenir la valeur de retour, puis télécharger le formulaire, que dois-je faire ?

2. Promise.all et Promise.race

Introduisons d'abord les différences entre les méthodes Promise.all et Promise.race Promise.all (itérable) La méthode renvoie une promesse lorsque toutes les promesses des paramètres itérables ont été complétées ou lorsque la première promesse transmise (faisant référence au rejet) échoue. iterable est un objet itérable, mais est généralement un tableau. La valeur de retour est également un objet Promise.

Quelques points doivent être clarifiés. Promise.all exécute plusieurs objets Promise simultanément, et les paramètres de l'objet Promise renvoyé sont un tableau, et chaque élément du tableau est également un objet itérable. . La commande est retournée.

La méthode Promise.race(iterable) renvoie une nouvelle promesse. Tant qu'il y a un objet de promesse "resolve" ou "reject" dans le paramètre iterable, la nouvelle promesse sera complétée immédiatement ( solve)" ou "rejeter", et obtenez la valeur de retour ou la cause de l'erreur de l'objet de promesse précédent. Ainsi, tant que l'un des itérables se termine ou échoue, un objet de promesse est renvoyé immédiatement. Selon le mot course, on peut également conclure que le premier arrivé renvoie immédiatement un objet promis.

Selon la définition ci-dessus, nous utilisons la méthode Promise.all pour compléter nos besoins.

//存储promise对象的数组
let promiseArr = [];
//图片地址数组
let imageList = [];
//将图片地址的上传的promise对象加入到promiseArr
for (let i = 0; i < imageList.length; i++) {
  let promise = new Promise((resolve, reject) => {
    //微信图片上传
    wx.uploadFile({
      url: &#39;https://xxx.xxx.xxx/api/uploadImage&#39;,
      filePath: imageList[i],
      name: &#39;file&#39;,
      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数组进行处理
})

3. Problèmes avec le mini-programme WeChat

Je travaille sur la fonction de téléchargement d'images de WeChat mini programme. Ici, vous pouvez uniquement télécharger l'image en premier, puis renvoyer le nom et l'adresse de l'image en réponse.

Ici, nous utilisons la méthode promise.all, mais il y a un problème. Promise.all est exécuté simultanément, mais l'applet WeChat ne peut faire que 10 requêtes simultanées à la fois.

Pour le téléchargement d'images, vous devrez peut-être télécharger plus de 10 images à la fois, ce qui signifie plus de 10 demandes simultanées à la fois. Dans ce cas, WeChat signalera une erreur

<. 🎜>"WAService.js:4 uploadFile :fail createUploadTask:fail dépasse le nombre maximum de connexions de téléchargement 10".

4. Traitement d'exécution de la promesse séquentielle

//顺序处理函数
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: &#39;https://xxx.xxx.xxx/api/uploadImage&#39;,
        filePath: imageList[i],
        name: &#39;file&#39;,
        success: function(res) {
          //可以对res进行处理，然后resolve返回
          resolve(res);
        },
        fail: function (error) {
          reject(error);
        },
        complete: function (res) {
        },
      })
    });
  };
  promiseFuncArr.push(promiseTemp)
}

sequenceTasks(promiseFuncArr).then((result) => {
  //对返回的result数组进行处理
});

<. 🎜>
Premier recordValue La fonction transmet deux valeurs, l'une est le tableau de résultats, l'autre est la valeur, la valeur est la valeur transmise, results.push(value); tableau de résultats.

let pushValue = recordValue.bind(null, []);

promise = promise.then(task).then(pushValue);

2. La boucle for dans séquenceTasks peut également être écrite dans la méthode de réduction suivante :

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());
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!