【面试题】JavaScript 中 try

地址：前端面试题库  web前端面试题库 VS java后端面试题库大全

作为一位 Web 前端工程师，JavaScript 中的 try...catch 是我们常用的特性之一。

try...catch 可以捕获代码中的异常并防止应用程序崩溃。但是try...catch 不仅仅是简单地捕获异常。本文我将分享 10 个有用的 try...catch 使用技巧，让你在处理异常时更加得心应手。

1. 捕获所有异常

如果你想捕获代码中所有可能的异常，可以使用一个不带参数的 catch 代码块。例如：

try {
  // 可能会抛出异常的代码
} catch {
  // 处理所有异常的代码
}
复制代码

这种方式会捕获所有异常，包括语法错误、运行时错误和自定义错误。但是，在生产环境中使用时，建议具体指定要捕获的异常类型，以便更好地诊断问题。

2. 捕获特定类型的异常

如果你只想捕获特定类型的异常，可以在 catch 代码块中使用条件语句。例如，以下代码块只会捕获 TypeError 异常：

try {
  // 可能会抛出 TypeError 异常的代码
} catch (error) {
  if (error instanceof TypeError) {
    // 处理 TypeError 异常的代码
  }
}
复制代码

你也可以使用 switch 语句来检查异常类型：

try {
  // 可能会抛出异常的代码
} catch (error) {
  switch (error.constructor) {
    case TypeError:
      // 处理 TypeError 异常的代码
      break;
    case RangeError:
      // 处理 RangeError 异常的代码
      break;
    // ...
  }
}
复制代码

3. 捕获异步异常

如果你使用了异步代码，你可能需要捕获异步代码中的异常。例如，以下代码块使用 Promise 来异步加载资源：

try {
  const resource = await fetch("/resource");
  // 处理资源的代码
} catch (error) {
  // 处理异常的代码
}
复制代码

如果在异步操作中发生异常，它会被传递到 catch 代码块中。但是，如果你没有使用 try...catch 来捕获异常，它将被视为未处理的异常。

4. 在 finally 代码块中清理资源

如果你使用了一些需要手动清理的资源（例如文件句柄或网络连接），可以在 finally 代码块中进行清理操作。无论 try 代码块中是否发生异常，finally 代码块中的代码都会执行。例如：

let resource;
try {
  resource = acquireResource();
  // 处理资源的代码
} catch (error) {
  // 处理异常的代码
} finally {
  releaseResource(resource);
}
复制代码

5. 抛出异常

try...catch 不仅可以捕获异常，还可以抛出异常。你可以使用 throw 语句在代码中手动抛出异常。例如：

function divide(a, b) {
  if (b === 0) {
    throw new Error("除数不能为零");
  }
  return a / b;
}
复制代码

如果在 divide 函数中 b 的值为 0，则会抛出一个包含错误消息的异常。你可以使用 try...catch 来捕获这个异常并执行相应的操作。

6. 在异常中传递额外信息

在抛出异常时，你可以传递一些额外的信息来帮助调试问题。例如：

function divide(a, b) {
  if (b === 0) {
    throw new Error("除数不能为零", { a, b });
  }
  return a / b;
}
复制代码

在这个例子中，异常对象包含了除数为零时的 a 和 b 的值。当你捕获这个异常时，你可以访问这些值并进行相应的操作。

7. 将异常重新抛出

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】