如果我自己抛出一个JavaScript异常(例如，抛出“AArrggg”)，我如何获得堆栈跟踪(在Firebug或其他)?现在我刚收到消息。
编辑:正如下面许多人发布的那样，可以为JavaScript异常获得堆栈跟踪，但我想为我的异常获得堆栈跟踪。例如:
function foo() {
bar(2);
}
function bar(n) {
if (n < 2)
throw "Oh no! 'n' is too small!"
bar(n-1);
}
当调用foo时，我想获得一个堆栈跟踪，其中包括对foo, bar, bar的调用。
当前回答
这里有一个答案，给你最大的性能(IE 6+)和最大的兼容性。兼容IE 6!
function stacktrace( log_result ) { var trace_result; // IE 6 through 9 compatibility // this is NOT an all-around solution because // the callee property of arguments is depredicated /*@cc_on // theese fancy conditinals make this code only run in IE trace_result = (function st2(fTmp) { // credit to Eugene for this part of the code return !fTmp ? [] : st2(fTmp.caller).concat([fTmp.toString().split('(')[0].substring(9) + '(' + fTmp.arguments.join(',') + ')']); })(arguments.callee.caller); if (log_result) // the ancient way to log to the console Debug.write( trace_result ); return trace_result; @*/ console = console || Console; // just in case if (!(console && console.trace) || !log_result){ // for better performance in IE 10 var STerror=new Error(); var unformated=(STerror.stack || STerror.stacktrace); trace_result = "\u25BC console.trace" + unformated.substring(unformated.indexOf('\n',unformated.indexOf('\n'))); } else { // IE 11+ and everyone else compatibility trace_result = console.trace(); } if (log_result) console.log( trace_result ); return trace_result; } // test code (function testfunc(){ document.write( "<pre>" + stacktrace( false ) + "</pre>" ); })();
其他回答
如果你有firebug，在脚本选项卡中有一个“所有错误”选项。一旦脚本到达断点，你可以查看firebug的堆栈窗口:
这将为现代Chrome, Opera, Firefox和IE10+提供堆栈跟踪(作为字符串数组)
function getStackTrace () {
var stack;
try {
throw new Error('');
}
catch (error) {
stack = error.stack || '';
}
stack = stack.split('\n').map(function (line) { return line.trim(); });
return stack.splice(stack[0] == 'Error' ? 2 : 1);
}
用法:
console.log(getStackTrace().join('\n'));
它从堆栈中排除了自己的调用以及Chrome和Firefox(但不包括IE)使用的标题“Error”。
它不应该崩溃在旧的浏览器，而只是返回空数组。如果你需要更通用的解决方案，请查看stacktrace.js。它支持的浏览器列表确实令人印象深刻，但在我看来，对于它所打算执行的小任务来说，它太大了:37Kb的精简文本，包括所有依赖项。
编辑2 (2017):
在所有现代浏览器中，您可以简单地调用:console.trace();(MDN引用)
编辑1 (2013):
一个更好(也更简单)的解决方案是使用Error对象的stack属性，就像在原始问题的评论中指出的那样:
function stackTrace() {
var err = new Error();
return err.stack;
}
这将产生如下输出:
DBX.Utils.stackTrace@http://localhost:49573/assets/js/scripts.js:44
DBX.Console.Debug@http://localhost:49573/assets/js/scripts.js:9
.success@http://localhost:49573/:462
x.Callbacks/c@http://localhost:49573/assets/js/jquery-1.10.2.min.js:4
x.Callbacks/p.fireWith@http://localhost:49573/assets/js/jquery-1.10.2.min.js:4
k@http://localhost:49573/assets/js/jquery-1.10.2.min.js:6
.send/r@http://localhost:49573/assets/js/jquery-1.10.2.min.js:6
给出调用函数的名称以及URL、它的调用函数等等。
原(2009):
这段代码的修改版本可能会有所帮助:
function stacktrace() {
function st2(f) {
return !f ? [] :
st2(f.caller).concat([f.toString().split('(')[0].substring(9) + '(' + f.arguments.join(',') + ')']);
}
return st2(arguments.callee.caller);
}
试试
throw new Error('some error here')
这对铬来说非常有效:
使用Chrome浏览器，可以使用控制台。跟踪方法:https://developer.chrome.com/devtools/docs/console-api#consoletraceobject
