js promise when

JavaScript 中的 Promise 是一种用于处理异步操作的编程模式。它代表了一个异步操作的最终完成（或失败）及其结果值的状态。Promise 对象用于表示一个异步操作的最终完成（或失败）及其结果值。

基础概念

• Promise: 是一个表示异步操作最终完成或失败的对象。
• then(): 方法用于指定当 Promise 状态变为 resolved 时的回调函数。
• catch(): 方法用于指定当 Promise 状态变为 rejected 时的回调函数。
• finally(): 方法用于指定不管 Promise 对象最后状态如何，都会执行的操作。

优势

1. 更好的错误处理：通过 .catch() 方法可以集中处理所有异步操作的错误。
2. 链式调用：.then() 方法返回一个新的 Promise 对象，允许链式调用，使代码更加清晰和易于管理。
3. 避免回调地狱：Promise 提供了一种更优雅的方式来处理嵌套的异步操作。

类型

• Pending（待定）：初始状态，既不是成功，也不是失败。
• Fulfilled（实现）：意味着操作成功完成。
• Rejected（被否决）：意味着操作失败。

应用场景

• 处理异步请求：如 AJAX 请求。
• 定时器：如 setTimeout 或 setInterval。
• 文件读写：Node.js 中的文件系统操作。

示例代码

// 创建一个 Promise 对象
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    const success = true; // 假设操作成功
    if (success) {
      resolve('操作成功！');
    } else {
      reject('操作失败！');
    }
  }, 1000);
});

// 使用 then 方法处理成功的情况
promise.then((message) => {
  console.log(message); // 输出: 操作成功！
}).catch((error) => {
  console.error(error); // 如果操作失败，输出错误信息
}).finally(() => {
  console.log('Promise 结束'); // 无论成功还是失败，都会执行
});

遇到的问题及解决方法

问题：Promise 链中的错误没有被捕获

原因：可能是因为 .catch() 方法没有被正确地添加到 Promise 链中。

解决方法：确保在 Promise 链的末尾添加 .catch() 方法来捕获所有可能的错误。

promise
  .then(() => {
    // 第一步操作
    return someAsyncOperation();
  })
  .then(() => {
    // 第二步操作
    return anotherAsyncOperation();
  })
  .catch((error) => {
    console.error('发生错误:', error);
  });

问题：Promise 永远处于 pending 状态

原因：可能是由于 Promise 构造函数中的异步操作没有正确地调用 resolve 或 reject 函数。

解决方法：确保在异步操作完成时调用 resolve 或 reject 函数。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  someAsyncFunction((err, result) => {
    if (err) {
      reject(err);
    } else {
      resolve(result);
    }
  });
});

通过理解 Promise 的基础概念和正确使用其方法，可以有效地处理 JavaScript 中的异步操作。