JS中的异常处理方法分享

JS中的异常处理是一个重要的主题，因为JS是一门弱类型、动态语言，如果没有健壮的异常处理机制，程序就会出现各种意外的运行错误。在这里，我将分享一些JS中异常处理的方法。

try-catch

try-catch是JS中处理异常的最常用方法，可以在try代码块中放置可能会抛出异常的代码块，如果有异常被抛出，就会被catch代码块捕获，并进行相应的处理。例如：

try {
  // 可能会抛出异常的代码块
  const message = JSON.parse('{"name": "John"}');
  console.log(message.age); // undefined
} catch (error) {
  // 异常处理代码块
  console.log(`Error: ${error.message}`); // Error: Cannot read property 'age' of undefined
}

在上面的代码中，我们尝试将一个只含有"name"属性的JSON字符串转换为JSON对象，并尝试访问其"age"属性。由于JSON对象中没有"age"属性，因此会引发一个运行时错误。try-catch代码块捕获这个错误并输出错误信息。

throw

throw用于手动抛出异常，可以在代码块中根据条件判断的结果，通过throw语句来手动抛出异常。例如：

function divide(num1, num2) {
  if (num2 === 0) {
    throw new Error('The divisor cannot be 0!');
  }
  return num1 / num2;
}

try {
  console.log(divide(5, 0));
} catch (error) {
  console.log(`Error: ${error.message}`); // Error: The divisor cannot be 0!
}

在上面的代码中，我们定义了一个名为divide的函数，根据传入的两个参数执行除法运算。如果除数为0，则手动抛出一个Error类型的异常，提示除数不能为0。在try代码块中尝试执行divide函数，由于除数为0，导致函数抛出异常，被catch代码块捕获并输出错误信息。

示例说明

示例1：异步函数的异常处理

async function fetchData() {
  try {
    const response = await fetch('https://example.com/data.json');
    const data = await response.json();
    // 处理数据
  } catch (error) {
    console.log(`Error: ${error.message}`);
  }
}

在上面的示例中，我们定义了一个名为fetchData的异步函数，用于从远程服务器获取数据并进行处理。在函数体内部，我们使用try-catch代码块来捕获可能抛出的运行时错误，例如网络请求失败等。如果发生错误，则输出错误信息，否则继续处理数据。

示例2：基于错误类型的异常处理

class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = 'CustomError';
  }
}

function validateInput(input) {
  if (!input) {
    throw new CustomError('The input cannot be empty!');
  }
  // other validation logic
}

try {
  validateInput('');
} catch (error) {
  if (error instanceof CustomError) {
    console.log(`CustomError: ${error.message}`);
  } else {
    console.log(`Error: ${error.message}`);
  }
}

在上面的示例中，我们定义了一个名为CustomError的自定义错误类型，并在validateInput函数中根据输入参数的值来手动抛出CustomError类型的异常。在try-catch代码块中，首先判断捕获到的异常是否为CustomError类型，如果是，则输出CustomError类型的错误信息，否则输出通用的错误信息。这样，我们就可以根据不同的错误类型来执行不同的处理逻辑了。