如果我自己抛出一个 JavaScript 异常（例如，throw "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。
编辑 2 (2017)：
在所有现代浏览器中，您只需调用：console.trace(); （MDN 参考）
编辑 1 (2013)：
正如在原始问题的评论中指出的那样，更好（更简单）的解决方案是使用对象的stack属性，Error如下所示：
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);
}
请注意，chromium/chrome（使用 V8 的其他浏览器）和 Firefox 确实有一个方便的界面，可以通过Error对象上的堆栈属性获取堆栈跟踪。
try {
// Code throwing an exception
} catch(e) {
console.log(e.stack);
}
它适用于基本异常以及您自己抛出的异常。（考虑到您使用了 Error 类，无论如何这是一个很好的做法）。
查看V8 文档的详细信息
在 Firefox 中，您似乎不需要抛出异常。做就够了
e = new Error();
console.log(e.stack);
如果您有萤火虫，脚本选项卡中的所有错误选项都会中断。一旦脚本到达您的断点，您就可以查看 firebug 的堆栈窗口：
正如对原始问题的评论中所指出的，一个好的（且简单的）解决方案是使用对象的stack属性，Error如下所示：
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 和行号、它的调用函数等。
我有一个非常精细和漂亮的解决方案，我为我目前正在从事的项目设计了它，我已经提取并重新设计了它以进行概括。这里是：
(function(context){
// Only global namespace.
var Console = {
//Settings
settings: {
debug: {
alwaysShowURL: false,
enabled: true,
showInfo: true
},
stackTrace: {
enabled: true,
collapsed: true,
ignoreDebugFuncs: true,
spacing: false
}
}
};
// String formatting prototype function.
if (!String.prototype.format) {
String.prototype.format = function () {
var s = this.toString(),
args = typeof arguments[0],
args = (("string" == args || "number" == args) ? arguments : arguments[0]);
if (!arguments.length)
return s;
for (arg in args)
s = s.replace(RegExp("\\{" + arg + "\\}", "gi"), args[arg]);
return s;
}
}
// String repeating prototype function.
if (!String.prototype.times) {
String.prototype.times = function () {
var s = this.toString(),
tempStr = "",
times = arguments[0];
if (!arguments.length)
return s;
for (var i = 0; i < times; i++)
tempStr += s;
return tempStr;
}
}
// Commonly used functions
Console.debug = function () {
if (Console.settings.debug.enabled) {
var args = ((typeof arguments !== 'undefined') ? Array.prototype.slice.call(arguments, 0) : []),
sUA = navigator.userAgent,
currentBrowser = {
firefox: /firefox/gi.test(sUA),
webkit: /webkit/gi.test(sUA),
},
aLines = Console.stackTrace().split("\n"),
aCurrentLine,
iCurrIndex = ((currentBrowser.webkit) ? 3 : 2),
sCssBlack = "color:black;",
sCssFormat = "color:{0}; font-weight:bold;",
sLines = "";
if (currentBrowser.firefox)
aCurrentLine = aLines[iCurrIndex].replace(/(.*):/, "$1@").split("@");
else if (currentBrowser.webkit)
aCurrentLine = aLines[iCurrIndex].replace("at ", "").replace(")", "").replace(/( \()/gi, "@").replace(/(.*):(\d*):(\d*)/, "$1@$2@$3").split("@");
// Show info if the setting is true and there's no extra trace (would be kind of pointless).
if (Console.settings.debug.showInfo && !Console.settings.stackTrace.enabled) {
var sFunc = aCurrentLine[0].trim(),
sURL = aCurrentLine[1].trim(),
sURL = ((!Console.settings.debug.alwaysShowURL && context.location.href == sURL) ? "this page" : sURL),
sLine = aCurrentLine[2].trim(),
sCol;
if (currentBrowser.webkit)
sCol = aCurrentLine[3].trim();
console.info("%cOn line %c{0}%c{1}%c{2}%c of %c{3}%c inside the %c{4}%c function:".format(sLine, ((currentBrowser.webkit) ? ", column " : ""), ((currentBrowser.webkit) ? sCol : ""), sURL, sFunc),
sCssBlack, sCssFormat.format("red"),
sCssBlack, sCssFormat.format("purple"),
sCssBlack, sCssFormat.format("green"),
sCssBlack, sCssFormat.format("blue"),
sCssBlack);
}
// If the setting permits, get rid of the two obvious debug functions (Console.debug and Console.stackTrace).
if (Console.settings.stackTrace.ignoreDebugFuncs) {
// In WebKit (Chrome at least), there's an extra line at the top that says "Error" so adjust for this.
if (currentBrowser.webkit)
aLines.shift();
aLines.shift();
aLines.shift();
}
sLines = aLines.join(((Console.settings.stackTrace.spacing) ? "\n\n" : "\n")).trim();
trace = typeof trace !== 'undefined' ? trace : true;
if (typeof console !== "undefined") {
for (var arg in args)
console.debug(args[arg]);
if (Console.settings.stackTrace.enabled) {
var sCss = "color:red; font-weight: bold;",
sTitle = "%c Stack Trace" + " ".times(70);
if (Console.settings.stackTrace.collapsed)
console.groupCollapsed(sTitle, sCss);
else
console.group(sTitle, sCss);
console.debug("%c" + sLines, "color: #666666; font-style: italic;");
console.groupEnd();
}
}
}
}
Console.stackTrace = function () {
var err = new Error();
return err.stack;
}
context.Console = Console;
})(window);
在GitHub 上查看（当前为 v1.2）！您可以像使用它一样使用它Console.debug("Whatever");，它会根据 中的设置Console打印输出和堆栈跟踪（或只是简单的信息/根本没有额外的东西）。下面是一个例子：
确保使用Console对象中的设置！您可以在轨迹线之间添加间距并将其完全关闭。这是Console.trace设置为false：
您甚至可以关闭显示的第一位信息（设置Console.settings.debug.showInfo为false）或完全禁用调试（设置Console.settings.debug.enabled为false），这样您就不必再次注释掉调试语句！把它们留在里面，这不会有任何作用。