Error.prototype.stack

Ein String.

Da die stack-Eigenschaft nicht standardisiert ist, unterscheiden sich die Implementierungen bezüglich der Stelle, an der sie installiert wird.

• In Firefox ist sie eine Accessor-Eigenschaft auf Error.prototype.
• In Chrome und Safari ist sie eine Dateneigenschaft auf jeder Error-Instanz, mit dem Deskriptor:

Jede JavaScript-Engine verwendet ihr eigenes Format für Stapeltraces, aber sie sind in ihrer allgemeinen Struktur relativ konsistent. Jede Implementierung verwendet eine separate Zeile im Stapel, um jeden Funktionsaufruf darzustellen. Der Aufruf, der direkt den Fehler verursacht hat, wird oben platziert, und der Aufruf, der die gesamte Aufrufkette gestartet hat, wird unten platziert. Unten sind einige Beispiele für Stapeltraces:

function foo() {
  bar();
}

function bar() {
  baz();
}

function baz() {
  console.log(new Error().stack);
}

foo();

#### JavaScriptCore
[email protected]:10:24
[email protected]:6:6
[email protected]:2:6
global [email protected]:13:4

#### SpiderMonkey
[email protected]:10:15
[email protected]:6:3
[email protected]:2:3
@filename.js:13:1

#### V8
Error
    at baz (filename.js:10:15)
    at bar (filename.js:6:3)
    at foo (filename.js:2:3)
    at filename.js:13:1

Verschiedene Engines setzen diesen Wert zu unterschiedlichen Zeiten. Die meisten modernen Engines setzen ihn, wenn das Error-Objekt erstellt wird. Das bedeutet, dass Sie die vollständige Anruf-Stack-Information innerhalb einer Funktion wie folgt erhalten können:

function foo() {
  console.log(new Error().stack);
}

Ohne einen Fehler werfen und dann abfangen zu müssen.

In V8 können die nicht standardisierten Error.captureStackTrace(), Error.stackTraceLimit und Error.prepareStackTrace() APIs verwendet werden, um den Stapeltrace anzupassen. Lesen Sie die Stack trace API in den V8-Dokumenten für weitere Informationen.

Stapelrahmen können auch andere Dinge als explizite Funktionsaufrufe sein. Zum Beispiel beginnen Ereignislistener, Timeout-Jobs und Promise-Handler alle ihre eigene Aufrufkette. Quellcode innerhalb von eval()- und Function-Konstruktoraufrufen erscheint ebenfalls im Stapel:

console.log(new Function("return new Error('Function failed')")().stack);
console.log("====");
console.log(eval("new Error('eval failed')").stack);

#### JavaScriptCore
anonymous@
global [email protected]:1:65
====
eval code@
eval@[native code]
global [email protected]:3:17

#### SpiderMonkey
[email protected] line 1 > Function:1:8
@filename.js:1:65

====
@filename.js line 3 > eval:1:1
@filename.js:3:13

#### V8
Error: Function failed
    at eval (eval at <anonymous> (filename.js:1:13), <anonymous>:1:8)
    at filename.js:1:65
====
Error: eval failed
    at eval (eval at <anonymous> (filename.js:3:13), <anonymous>:1:1)
    at filename.js:3:13

In Firefox können Sie die //# sourceURL-Direktive nutzen, um eine Evalquelle zu benennen. Siehe die Firefox Debug eval sources-Dokumente und den Blogpost Naming eval Scripts with the //# sourceURL Directive für weitere Details.

Das folgende Skript demonstriert, wie Sie die stack-Eigenschaft verwenden, um einen Stapeltrace in Ihrem Browserfenster auszugeben. Sie können dies verwenden, um zu überprüfen, wie die Stapelstruktur Ihres Browsers aussieht.

<div id="output"></div>

#output {
  white-space: pre;
  font-family: monospace;
}

function trace() {
  throw new Error("trace() failed");
}
function b() {
  trace();
}
function a() {
  b(3, 4, "\n\n", undefined, {});
}
try {
  a("first call, first arg");
} catch (e) {
  document.getElementById("output").textContent = e.stack;
}

Teil keiner Norm.

• TraceKit auf GitHub
• stacktrace.js auf GitHub
• Stack trace API in den V8-Dokumenten