异常实例的新天地——如何从错误实例中获取详细信息

在上一篇《前端魔法堂——异常不仅仅是try/catch》中，我们出一副异常及如何捕获异常实例的画像。

但仅仅如此而已吗？

试想一下，我们穷尽一切捕获异常实例，然后仅仅为告诉用户，运维和开发人员页面报了一个哪个哪个类型的错误吗？

答案是否定的。

我们的目的是收集刚刚足够的现场证据，好让我们能…

获取详细信息：收集证据并寻找线索

异常实例里头承载了现场的犯案细节，如果能在异常实例里头抽丝剥茧、细心勘查，便能发现异常出现的根源，進而找到快速有效地解决方法。

与传统线下寻找罪犯类似，首先我们要把异常实例进行解剖。

在犯罪现场寻找罪犯留下的证据包括：凶器、血迹、衣服纤维、工具痕迹、笔迹等等。我们的异常实例（错误）里头承载了犯案现场——程序运行时的重要细节，包括：

• 错误类型 (Error type)： 标明了异常属于哪一个类型的错误，比如 SyntaxError、ReferenceError 等。
• 错误消息 (Error message)： 简要说明了错误的原因，比如“未定义的变量”或“语法错误”。
• 错误堆栈 (Error stack)： 表示了异常发生时的调用栈信息，该信息对于追踪异常的源头非常重要。
• 出错代码行 (Line of code)： 表示异常发生时代码所在的行数，这个也是有助于定位异常的根源。

就像犯罪现场的勘查人员会仔细观察和收集现场的证据，在异常实例的解剖中，我们将利用这些详细的错误信息来寻找线索和证据，以了解问题的根源。

例如，假設我們捕獲到一個以下的錯誤：

Uncaught TypeError: Cannot read property 'someProperty' of undefined

• 错误类型： TypeError，表示类型错误。
• 错误消息： Cannot read property 'someProperty' of undefined，表示无法读取未定义对象的属性 someProperty。
• 错误堆栈： 包含有关错误发生时调用栈的信息，可以帮助我们了解错误的源头。
• 出错代码行： 表示错误发生时代码所在的行数，这个也是有助于定位异常的根源。

通过这些信息，我们可以了解到这个错误是由某个未定义的对象引起的。接下来，我们可以檢查相關的代码或變量，找出這個未定义的对象，然後修復引起错误的根本原因。

在浏览器中获取详细信息：使用 console.error()

在浏览器中获取异常实例信息最简单的方法是使用 console.error() 方法。它允许我们通过 JavaScript 控制台输出错误信息和详细信息。

例如，以下代码在 JavaScript 控制台中输出错误信息和详细信息：

console.error('发生了错误！', error);

其中，error 是异常实例。

在 Node.js 中获取详细信息：使用 try...catch

在 Node.js 中获取异常实例信息可以使用 try...catch 语句。try...catch 语句允许我们捕获异常并获取异常实例信息。

例如，以下代码捕获异常并输出错误信息和详细信息：

try {
  // 代码可能会引发异常
} catch (error) {
  console.error('发生了错误！', error);
}

其中，error 是异常实例。

使用异常处理库：更加轻松地获取详细信息

除了使用 console.error() 和 try...catch 语句之外，我们还可以使用一些异常处理库来更加轻松地获取异常实例信息。

例如，我们可以使用以下库：

• Sentry
• Bugsnag
• Rollbar

这些库可以帮助我们自动捕获异常实例信息，并将其发送到一个集中平台。这使得我们可以更轻松地收集和分析错误信息，从而快速解决问题。

结论

异常实例就像犯罪现场，包含了大量有关错误发生时情况的详细信息。

通过对异常实例进行解剖，我们可以收集线索和证据，以了解问题的根源，进而找到快速有效地解决方法。

我们可以使用 console.error() 方法或 try...catch 语句来获取异常实例信息。

此外，我们还可以使用一些异常处理库来更加轻松地获取异常实例信息。