JavaScript中需要捕获异常的场景及用法

在JavaScript中，捕获异常主要使用try...catch语句。该语法允许开发者处理运行时错误，从而避免程序崩溃。以下是try...catch的基本用法：

try {
    // 可能抛出异常的代码
    let result = riskyFunction(); // 假设这是一个可能失败的函数
    console.log(result);
} catch (error) {
    // 处理错误的代码
    console.error('捕获到错误:', error.message);
}

在上面的示例中，riskyFunction函数如果抛出异常，则控制流将跳转到catch块中，允许开发者处理该错误，而不会导致整个程序崩溃。

异常捕获的场景

1. 网络请求： 在进行网络请求时，可能会出现网络错误或服务器不可用的情况。使用try...catch可以捕获这些异常并进行相应处理。

   async function fetchData(url) {
       try {
           let response = await fetch(url);
           if (!response.ok) throw new Error('网络响应错误');
           let data = await response.json();
           console.log(data);
       } catch (error) {
           console.error('请求失败:', error.message);
       }
   }

2. 用户输入验证： 当处理用户输入时，例如从表单中读取数据，可能会出现无效数据的情况。通过捕获异常，可以提供更好的用户体验。

   function processInput(input) {
       try {
           if (!input) throw new Error('输入不能为空');
           // 处理输入
           console.log('处理输入:', input);
       } catch (error) {
           alert('错误: ' + error.message);
       }
   }

3. API调用： 在调用外部API时，可能会因为API的变化或异常而导致错误。使用try...catch可以使代码更健壮。

   function callExternalAPI() {
       try {
           // 假设这是一个外部API调用
           let response = apiCall();
           console.log(response);
       } catch (error) {
           console.error('API调用失败:', error);
       }
   }

4. 运行时异常： 在某些情况下，代码逻辑可能导致运行时异常，例如数组越界、类型错误等。使用try...catch块可以捕获这些异常。

   function accessArrayElement(arr, index) {
       try {
           let value = arr[index];
           if (value === undefined) throw new Error('索引超出范围');
           console.log('数组元素:', value);
       } catch (error) {
           console.error('错误:', error.message);
       }
   }

5. 异步代码： 在处理异步操作时，可以使用try...catch来捕获async/await中的异常。

   async function asyncFunction() {
       try {
           let result = await someAsyncOperation();
           console.log('结果:', result);
       } catch (error) {
           console.error('异步操作失败:', error.message);
       }
   }

通过合理使用try...catch，可以提升代码的健壮性和可维护性，有效捕获并处理运行时错误。