从 JavaScript 的错误中获取堆栈跟踪
使用 console.trace()
方法从错误中获取堆栈跟踪。 console.trace()
方法输出堆栈跟踪并显示到达调用该方法的点所采用的调用路径。
function outer() {
function inner() {
console.trace();
}
inner();
}
outer();
我们定义了一个嵌套函数,我们在其中调用了 console.trace()
方法并调用了外部函数。
如果我们在浏览器中,该方法会将堆栈跟踪输出到控制台;如果在 Node.js 中,则该方法会将堆栈跟踪输出到终端。
该消息显示了到达我们调用 console.trace()
方法的点所经过的路径。
示例中的堆栈跟踪显示内部函数是从外部函数调用的,外部函数是从全局范围调用的。
该消息还显示定义函数的文件的名称。
消息中的行号表示:
- 在第 9 行的 index.js 文件中调用了 console.trace 方法。
- 内部函数在第 9 行调用了 console.trace 方法。
- 外部函数在第 12 行的 index.js 文件中称为内部函数。
- 在第 15 行的 index.js 文件的全局范围内调用了外部函数。
另一种方法是使用 Error.stack
属性从错误中获取堆栈跟踪。
function outer() {
function inner() {
const err = new Error('Something went wrong');
console.log(err.stack);
}
inner();
}
outer();
应该注意的是,Error 对象上的堆栈属性是非标准的,不在标准轨道上。
这是将堆栈属性记录到控制台的输出。
Error
对象的堆栈属性显示调用了哪些函数、以何种顺序、在哪个文件中以及在哪一行。
没有标准格式,因此消息在不同浏览器之间看起来会有所不同。
消息中的行号表示:
-
Error
对象的堆栈属性记录在 index.js 文件的第 10 行。 - 错误对象是在第 9 行的内部函数中创建的。
- 在 index.js 文件的第 13 行,外部函数调用了内部函数。
- 在 index.js 文件的全局范围内的第 16 行调用了外部函数。
选择哪种方法是个人喜好的问题。 我会使用
console.trace()
方法,因为它在浏览器之间是标准化的。 如果我们使用 stack 属性,结果可能因浏览器而异,并且某些浏览器可能会放弃对它的支持或不实现它,因为它是一个非标准属性。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法