18.try catch 的使用

1.什么是try catch

Try-Catch 是 JavaScript 中用于错误处理的机制,让你能够优雅地处理可能出现的错误,而不是让程序崩溃。

因为在js发生了错误,如果没有捕获的话,后面的代码就不会执行,最重要的其实为了写出健壮的代码,而不是动不动代码就执行不下去了。

但是也不能滥用,很多地方明显没问题,就不需要使用。 下面是他的基本语法

javaScript 复制代码
try {
  // 可能出错的代码
} catch (error) {
  // 处理错误的代码
} finally {
  // 无论是否出错都会执行的代码(可选)
}
console.log('我会执行吗')

其中,其中只有finally 是可以省略的,如果你省略了catch,保留finally,就代表你的错误没有处理,最后面的一行我会执行吗? 就不会输出。

2.典型的例子

  1. 访问null的某个属性
javascript 复制代码
try {
  let obj = null;
  console.log(obj.name);  // 💥 这里会报错:Cannot read property 'name' of null
} catch (error) {
  console.log('捕获到错误:', error.message);
  // 输出: 捕获到错误: Cannot read property 'name' of null
}
console.log('程序没有崩溃,继续执行');
  1. 请求接口
javascript 复制代码
async function fetchUserData(userId) {
  try {
    const response = await fetch(`/api/users/${userId}`);
    const userData = await response.json();
    console.log('用户数据:', userData);
    return userData;
  } catch (error) {
    console.error('获取用户数据失败:', error.message);
    return null;  // 返回默认值
  }
}
  1. JSON 解析
javascript 复制代码
function parseConfig(configString) {
  try {
    const config = JSON.parse(configString);
    return config;
  } catch (error) {
    console.warn('配置解析失败,使用默认配置');
    return { theme: 'default', language: 'zh' };  // 默认配置
  }
}

// 使用
const config1 = parseConfig('{"theme": "dark"}');     // 正常解析
const config2 = parseConfig('无效的JSON');            // 返回默认配置
  1. 文件读取
javascript 复制代码
const fs = require('fs');

function readConfigFile(filePath) {
  try {
    const data = fs.readFileSync(filePath, 'utf8');
    return JSON.parse(data);
  } catch (error) {
    if (error.code === 'ENOENT') {
      console.log('配置文件不存在,创建默认配置');
    } else if (error instanceof SyntaxError) {
      console.log('配置文件格式错误');
    } else {
      console.log('读取配置文件时出错:', error.message);
    }
    return {};  // 返回空配置
  }
}

3.其他用法

a.嵌套使用

javascript 复制代码
try {
  console.log('外层开始');
  try {
    console.log('内层开始');
    throw new Error('内层错误');
  } catch (innerError) {
    console.log('内层捕获:', innerError.message);
    throw new Error('内层处理后重新抛出');  // 重新抛出给外层
  }
} catch (outerError) {
  console.log('外层捕获:', outerError.message);
}

对于嵌套来说,如果内层的catch 捕获内层的错误,外层的catch 捕获外层的错误,如果想要内层的错误给外层捕获,就要在内层的catch里面再将其抛出

b.可以根据错误的类型做一些其他事情

javascript 复制代码
try {
  // 一些可能出现多种错误的代码
  someComplexOperation();
} catch (error) {
  if (error instanceof TypeError) {
    console.log('类型错误:', error.message);
  } else if (error instanceof ReferenceError) {
    console.log('引用错误:', error.message);
  } else {
    console.log('其他错误:', error.message);
  }
}
相关推荐
书源1 分钟前
灵活性和可维护性,被严重低估的编程原则
前端·javascript·vue.js
再学一点就睡1 小时前
双 Token 认证机制:从原理到实践的完整实现
前端·javascript·后端
幻灵尔依2 小时前
前端编码统一规范
javascript·vue.js·代码规范
前端小巷子2 小时前
JS 实现图片瀑布流布局
前端·javascript·面试
杜蒙2 小时前
React Hooks 详解
前端·javascript
小菜全3 小时前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js
Hilaku3 小时前
面试官开始问我AI了,前端的危机真的来了吗?
前端·javascript·面试
zheshiyangyang4 小时前
TypeScript学习【一】
javascript·学习·typescript
β添砖java4 小时前
案例二:登高千古第一绝句
前端·javascript·css
TNTLWT4 小时前
单例模式(C++)
javascript·c++·单例模式