JS中的catch|极客笔记

JS中的catch

在JavaScript中，catch是异常处理的一种方式。它允许开发人员在代码执行过程中捕获并处理可能发生的异常。本文将详细介绍catch的用法和常见的应用场景。

异常处理基本概念

在深入讨论catch之前，让我们先回顾一下异常处理的基本概念。

异常是指在程序执行过程中发生的错误情况，可能导致程序中断或产生意外的结果。通常，异常会被抛出，也就是说它们会被程序捕获，这样我们就能够在出现错误时采取适当的措施。

为了处理异常，JavaScript提供了try-catch语句。try块用来包含可能发生异常的代码，而catch块用来处理异常。如果在try块中发生异常，程序会立即跳转到catch块，并执行其中的代码。

try-catch语句的基本用法

以下是try-catch语句的基本语法：

try {
    // 可能会发生异常的代码
} catch (error) {
    // 处理异常的代码
}

让我们通过一个简单的示例来说明try-catch语句的用法：

try {
    console.log("开始执行");
    throw new Error("抛出异常");
    console.log("执行这行代码");
} catch (error) {
    console.log("捕获到异常：" + error.message);
}

上面的代码中，我们在try块中抛出了一个异常，并试图打印出一条消息。然而，由于异常被抛出，后面的代码将无法执行。相反，在catch块中我们可以检查并处理异常。

运行上述代码的结果应该是：

开始执行
捕获到异常：抛出异常

捕获不同类型的异常

在实际开发中，我们可能会遇到不同类型的异常，需要根据具体情况进行处理。JavaScript中的异常类型可以是内置类型（如Error、语法Error、RangeError等）或自定义类型。

我们可以使用多个catch块来分别捕获不同类型的异常，如下所示：

try {
    // 可能会发生异常的代码
} catch (errorType1) {
    // 处理错误类型1的异常
} catch (errorType2) {
    // 处理错误类型2的异常
} finally {
    // 可选，无论是否发生异常都会执行的代码
}

在上面的语法中，处理异常的catch块按照顺序执行。如果发生异常时，它会顺序检查每个catch块，直到找到匹配的类型。一旦找到匹配的类型，对应的catch块将被执行，而其他的catch块将被忽略。

以下是一个示例，演示了如何分别捕获TypeError和ReferenceError类型的异常：

try {
    console.log(undefinedVariable); // 抛出 ReferenceError 异常
} catch (error) {
    if (error instanceof TypeError) {
        console.log("捕获到 TypeError 异常：" + error.message);
    } else if (error instanceof ReferenceError) {
        console.log("捕获到 ReferenceError 异常：" + error.message);
    } else {
        console.log("捕获到其他类型的异常：" + error.message);
    }
}

运行上述代码的结果应该是：

捕获到 ReferenceError 异常：undefinedVariable is not defined

在这个示例中，我们尝试访问一个未定义的变量undefinedVariable，它抛出了ReferenceError异常。在catch块中，我们检查异常的类型并作出相应的处理。

抛出异常

除了捕获异常，JavaScript还允许我们手动抛出异常。我们可以使用throw语句在代码中抛出特定的异常。

以下是throw语句的语法：

throw expression;

expression可以是任何表达式，包括字符串、数字、对象等。当抛出一个异常时，控制流会立即跳转到catch块（如果有的话），并执行其中的代码。

以下是一个示例，演示了如何手动抛出异常：

function divideByZero(number) {
    if (number === 0) {
        throw new Error("除数不能为零");
    }
    return 10 / number;
}

try {
    console.log(divideByZero(0));
} catch (error) {
    console.log("捕获到异常：" + error.message);
}

运行上述代码的结果应该是：

捕获到异常：除数不能为零

在这个示例中，我们定义了一个divideByZero函数，它接受一个数字作为参数。如果参数是0，则使用throw语句抛出一个异常。在try-catch块中，我们尝试调用divideByZero函数并捕获异常。

finally块

在try-catch语句中，我们还可以使用finally块。finally块中的代码总是会被执行，不管是否发生了异常。

以下是try-catch-finally语句的语法：

try {
    // 可能会发生异常的代码
} catch (error) {
    // 处理异常的代码
} finally {
    // 无论是否发生异常都会执行的代码
}

像前面提到的catch块一样，finally块是可选的。但是，如果存在finally块，它的代码将在try块或catch块执行完毕后执行。

以下是一个示例，演示了finally块的用法：

function readFile(fileName) {
    try {
        // 打开文件并读取内容
        console.log("读取文件：" + fileName);
        return "文件内容";
    } catch (error) {
        console.log("发生异常：" + error);
        return null;
    } finally {
        console.log("关闭文件：" + fileName);
    }
}

console.log(readFile("test.txt"));

运行上述代码的结果应该是：

读取文件：test.txt
关闭文件：test.txt
文件内容

在这个示例中，我们定义了一个readFile函数，它模拟打开并读取文件。在try-catch-finally语句中，我们可以看到无论读取文件的过程是否发生异常，最终都会关闭文件。

异步代码中的异常处理

在现代Web应用程序中，异步操作变得越来越常见。在处理异步代码中的异常时，我们需要注意一些细节。

通常，在异步函数中捕获异常不是直接在try-catch块中执行异步操作。这是因为异步操作的执行通常是非阻塞的，程序会立即继续执行后面的代码，而不会等待异步操作完成。

为了处理异步操作中的异常，我们可以使用try-catch语句包裹整个异步函数，或者在异步函数内部使用.catch()方法捕获异常。

以下是一个示例，演示了在异步函数中使用.catch()方法捕获异常：

function fetchData(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url === 'https://example.com/data') {
        resolve('Data fetched successfully');
      } else {
        reject(new Error('Failed to fetch data'));
      }
    }, 2000);
  });
}

async function getData() {
  try {
    const response = await fetchData('https://example.com/data');
    console.log(response);
  } catch (error) {
    console.log('Error:', error.message);
  }
}

getData();

在上述代码中，fetchData函数返回一个Promise对象，模拟了异步操作（此处使用了setTimeout函数模拟）。getData函数使用await关键字等待fetchData函数的执行结果，并使用.catch()方法捕获异常。

如果传递给fetchData的URL是'https://example.com/data'，则会成功获取数据并打印出Data fetched successfully。如果传递的URL不符合条件，则会抛出一个异常，并打印出Error: Failed to fetch data。

自定义异常

除了内置的异常类型外，我们还可以创建自定义异常类型来表示特定的错误情况。

以下是一个简单的示例，演示了如何创建和使用自定义异常类型：

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

function checkInput(value) {
  if (typeof value !== 'string') {
    throw new MyCustomError('Invalid input type');
  }
  console.log('Input is valid');
}

try {
  checkInput(123);
} catch (error) {
  if (error instanceof MyCustomError) {
    console.log('Caught MyCustomError:', error.message);
  } else {
    console.log('Caught other error:', error.message);
  }
}

在上面的代码中，我们定义了一个名为MyCustomError的自定义异常类型，继承自JavaScript内置的Error类。在checkInput函数中，我们检查输入值的类型，如果类型不是字符串，则抛出MyCustomError异常。

在try-catch块中，我们捕获并检查异常的类型。如果异常类型是MyCustomError，则打印出Caught MyCustomError: Invalid input type。