如何使用JavaScript处理来自JSON响应的自定义错误？

处理来自JSON响应的自定义错误通常涉及到解析响应体，检查是否有错误信息，并根据错误信息采取相应的措施。以下是一个基本的处理流程：

基础概念

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在网络通信中，服务器返回的错误信息通常会以JSON格式封装。

类型

自定义错误通常包含以下字段：

error 或 errorCode：错误的标识符。
message：错误的描述性消息。
details：额外的错误详情，可能包含堆栈跟踪或其他上下文信息。

应用场景

当你的前端应用与后端API交互时，如果后端返回了错误状态码（如4xx或5xx），通常会伴随一个JSON格式的错误响应体。这时，你需要解析这个响应体并处理错误。

示例代码

以下是一个简单的JavaScript函数，用于处理来自服务器的自定义JSON错误响应：

async function fetchData(url) {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      // 如果响应状态码不是2xx，则解析错误信息
      const errorData = await response.json();
      throw new Error(errorData.message || 'An unknown error occurred');
    }
    // 正常处理响应数据
    const data = await response.json();
    return data;
  } catch (error) {
    // 处理错误
    console.error('Fetch error:', error);
    // 可以在这里添加更多的错误处理逻辑，比如显示错误消息给用户
    throw error; // 重新抛出错误，以便调用者可以处理
  }
}

// 使用示例
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Data:', data);
  })
  .catch(error => {
    console.error('Failed to fetch data:', error);
  });