使用 JavaScript Promise 和 Promise.all 处理异步操作

JavaScript Promise 和 Promise.all 是用于处理异步操作的重要工具。Promise 是一种表示异步操作的对象，它可以让你更加优雅和简单地处理异步操作的结果。Promise.all 则是一个可以将多个 Promise 合并为一个的工具，可以实现并行处理多个异步操作的结果。

Promise 的基本语法如下：

const promise = new Promise((resolve, reject) => {
  // 异步操作代码
  // 如果成功，调用 resolve(value)
  // 如果失败，调用 reject(error)
});

promise.then(value => {
  // 处理成功结果的代码
}).catch(error => {
  // 处理失败结果的代码
});
```
在上述代码中，Promise 构造函数接受一个函数参数，该函数参数接受两个参数：resolve 和 reject。当异步操作成功时，调用 resolve 函数并传入成功结果，当异步操作失败时，调用 reject 函数并传入错误信息。then 方法用于处理成功结果，catch 方法用于处理失败结果。

下面是一个示例代码：
````javascript
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功结果');
    // 或者 reject(new Error('失败原因'));
  }, 1000);
});

promise.then(value => {
  console.log(value); // 输出 '成功结果'
}).catch(error => {
  console.error(error); // 输出错误信息
});
```
Promise.all 则是一个可以将多个 Promise 合并为一个的工具。下面是一个使用 Promise.all 的示例代码：
````javascript
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('第一个成功结果');
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('第二个成功结果');
  }, 2000);
});

Promise.all([promise1, promise2]).then(values => {
  console.log(values); // 输出 ['第一个成功结果', '第二个成功结果']
}).catch(error => {
  console.error(error); // 输出错误信息
});
```
在上述代码中，我们定义了两个 Promise 对象 promise1 和 promise2，并使用 Promise.all 合并了这两个 Promise。当两个 Promise 都成功完成时，Promise.all 会返回一个数组，数组中的元素是每个 Promise 的成功结果。如果其中任意一个 Promise 失败，Promise.all 就会直接跳到 catch 语句块。

Promise 和 Promise.all 是 JavaScript 异步编程中非常重要的工具。它们可以使我们更加优雅和简单地处理异步操作的结果，从而提高代码的可读性和可维护性。