Javascript承诺和错误处理- try/catch

基础概念

JavaScript中的承诺（Promises）是一种处理异步操作的对象，它代表了一个异步操作的最终完成（或失败）及其结果值。承诺有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦状态改变，就不会再变。

错误处理通常使用try...catch语句，它允许你定义在执行代码块时可能出现的错误，并提供一个处理错误的代码块。

优势

承诺：提供了一种更清晰、更可读的方式来处理异步操作，避免了回调地狱（callback hell）。
try...catch：提供了一种结构化的方式来捕获和处理同步代码中的异常。

类型

承诺：可以分为Promise.resolve()、Promise.reject()和自定义的Promise。
错误处理：主要是通过try...catch语句。

应用场景

承诺：适用于所有需要处理异步操作的场景，如Ajax请求、定时器、文件读取等。
try...catch：适用于需要捕获同步代码中可能出现的错误的场景。

示例代码

// 使用Promise处理异步操作
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = 'Hello, World!';
      if (data) {
        resolve(data);
      } else {
        reject('Error fetching data');
      }
    }, 1000);
  });
}

fetchData()
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

// 使用try...catch处理同步代码中的错误
function divide(a, b) {
  try {
    if (b === 0) {
      throw new Error('Division by zero is not allowed');
    }
    return a / b;
  } catch (error) {
    console.error(error.message);
  }
}

console.log(divide(10, 2)); // 5
console.log(divide(10, 0)); // Division by zero is not allowed

常见问题及解决方法

问题：为什么我的Promise没有按预期工作？

原因：可能是由于状态没有正确改变，或者.then()和.catch()链中的某个环节出错。

解决方法：

确保使用resolve()和reject()正确地改变Promise的状态。
检查.then()和.catch()链中的每个函数，确保它们正确处理了前一个环节的输出。

问题：为什么try...catch无法捕获异步错误？

原因：try...catch只能捕获同步代码中的错误，对于异步代码中的错误，需要在Promise链中使用.catch()。

解决方法：

对于异步操作，确保使用Promise链中的.catch()来捕获错误。
如果使用async/await，可以将异步函数放在try...catch块中。

async function fetchDataAsync() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

fetchDataAsync();