如何使用try catch捕获回调错误？

在JavaScript中，try...catch语句用于捕获和处理异常。然而，由于回调函数的异步特性，传统的try...catch语句无法直接捕获回调函数中的错误。为了捕获回调函数中的错误，可以使用以下几种方法：

方法一：使用Promise和async/await

将回调函数转换为Promise，并使用async/await语法来捕获错误。

function asyncOperation(callback) {
  return new Promise((resolve, reject) => {
    try {
      // 模拟异步操作
      setTimeout(() => {
        const success = false; // 假设操作失败
        if (success) {
          resolve('操作成功');
        } else {
          reject(new Error('操作失败'));
        }
      }, 1000);
    } catch (error) {
      reject(error);
    }
  });
}

async function run() {
  try {
    const result = await asyncOperation();
    console.log(result);
  } catch (error) {
    console.error('捕获到错误:', error.message);
  }
}

run();

方法二：使用回调函数的错误优先模式

在回调函数中，第一个参数通常用于传递错误对象，第二个参数用于传递成功的结果。

function asyncOperation(callback) {
  setTimeout(() => {
    const success = false; // 假设操作失败
    if (success) {
      callback(null, '操作成功');
    } else {
      callback(new Error('操作失败'));
    }
  }, 1000);
}

asyncOperation((error, result) => {
  if (error) {
    console.error('捕获到错误:', error.message);
  } else {
    console.log(result);
  }
});

方法三：使用事件监听器

通过事件监听器来捕获和处理错误。

class AsyncOperation {
  constructor() {
    this.errorHandler = null;
  }

  on(event, handler) {
    if (event === 'error') {
      this.errorHandler = handler;
    }
  }

  asyncOperation() {
    setTimeout(() => {
      const success = false; // 假设操作失败
      if (success) {
        console.log('操作成功');
      } else {
        if (this.errorHandler) {
          this.errorHandler(new Error('操作失败'));
        }
      }
    }, 1000);
  }
}

const operation = new AsyncOperation();
operation.on('error', (error) => {
  console.error('捕获到错误:', error.message);
});
operation.asyncOperation();