js then方法的参数

then 方法是 JavaScript 中 Promise 对象的一个核心方法，用于处理异步操作的结果。Promise 是一种表示异步操作最终完成或失败的对象，它允许你以同步的方式编写异步代码。

基础概念

then 方法接受两个可选参数：

1. 成功回调函数（onFulfilled）：当 Promise 状态变为 fulfilled（即操作成功完成）时调用。
2. 失败回调函数（onRejected）：当 Promise 状态变为 rejected（即操作失败）时调用。

这两个回调函数都接受一个参数：

• 成功回调函数的参数是 Promise 成功时的结果值。
• 失败回调函数的参数是 Promise 失败时的错误对象。

示例代码

const promise = new Promise((resolve, reject) => {
  // 模拟异步操作
  setTimeout(() => {
    resolve('Success!'); // 或者 reject(new Error('Failed!'));
  }, 1000);
});

promise.then(
  (result) => {
    console.log('Promise resolved with:', result);
  },
  (error) => {
    console.error('Promise rejected with:', error);
  }
);

优势

1. 链式调用：then 方法可以链式调用，使得异步代码更加清晰和易于管理。
2. 错误处理：通过第二个参数可以捕获和处理异步操作中的错误。
3. 非阻塞：Promise 和 then 方法允许你在等待异步操作完成的同时继续执行其他代码。

类型

• Promise.resolve(value)：返回一个已解决（fulfilled）的 Promise 对象，其结果值为 value。
• Promise.reject(reason)：返回一个已拒绝（rejected）的 Promise 对象，其错误原因为 reason。

应用场景

1. 异步操作：如文件读取、网络请求、定时器等。
2. 并发控制：使用 Promise.all 处理多个并行异步操作。
3. 顺序执行：通过链式调用 then 方法实现多个异步操作的顺序执行。

常见问题及解决方法

1. 回调地狱（Callback Hell）

问题：多层嵌套的回调函数导致代码难以阅读和维护。

解决方法：使用 Promise 链式调用或 async/await 语法。

// 使用 Promise 链式调用
fetchData()
  .then(processData)
  .then(saveData)
  .catch(handleError);

// 使用 async/await
async function handleAsyncOperations() {
  try {
    const data = await fetchData();
    const processedData = await processData(data);
    await saveData(processedData);
  } catch (error) {
    handleError(error);
  }
}

2. 错误处理不当

问题：未正确捕获和处理异步操作中的错误。

解决方法：确保在每个 then 方法中都提供错误回调函数，或使用 catch 方法统一处理错误。

promise
  .then(result => {
    // 处理成功情况
  })
  .catch(error => {
    console.error('An error occurred:', error);
  });

通过这些方法，可以有效管理和优化 JavaScript 中的异步操作。