前端代码、Vue、Uniapp、Js中Promise和 Promise.all用法

Promise和Promise.all是 JavaScript 中的异步操作处理对象和方法。以下是它们的基本用法：

1. Promise

   Promise是一种用于处理异步操作的对象。它表示一个异步操作的结果将会在未来某个时间点完成或失败。

   创建Promise对象有两种方式：使用Promise构造函数或使用Promise.resolve方法。

   使用Promise构造函数：

javascript

   const promise = new Promise((resolve, reject) => {
     // 异步操作
     setTimeout(() => {
       if (Math.random() > 0.5) {
         resolve('操作成功');
       } else {
         reject('操作失败');
       }
     }, 1000);
   });

在这个示例中，使用Promise构造函数创建了一个Promise对象。在then方法中，通过resolve回调函数来处理操作成功的情况，通过reject回调函数来处理操作失败的情况。

使用Promise.resolve方法：

javascript

   const promise = Promise.resolve('操作成功');

Promise.resolve方法接受一个值作为参数，并返回一个已经成功的Promise对象。

使用Promise对象：

javascript

   promise.then(result => {
     console.log(result); 
   }).catch(error => {
     console.error(error); 
   });

通过then方法可以添加成功回调函数，通过catch方法可以添加失败回调函数。

1. Promise.all

   Promise.all方法用于同时处理多个Promise对象，并在所有Promise对象都完成时返回一个Promise对象。

   Promise.all方法接受一个数组作为参数，数组中的每个元素都是一个Promise对象。

   以下是一个示例：

javascript

   const promises = [Promise.resolve('操作 1 成功'), Promise.resolve('操作 2 成功'), Promise.reject('操作 3 失败')];

   Promise.all(promises).then(results => {
     console.log(results); 
   }).catch(error => {
     console.error(error); 
   });

在这个示例中，使用Promise.all方法同时处理了三个Promise对象。其中一个Promise对象失败，会导致Promise.all方法返回的Promise对象失败，并执行catch回调函数。

这是Promise和Promise.all的基本用法。你可以根据实际需求创建和使用Promise对象，以及使用Promise.all方法来处理多个异步操作。