Obtenez une trace comme console.error () en produisant un message d'erreur [duplicate]

Dec 13 2020

Quand je le fais, console.error('Custom Error')j'obtiens une belle trace d'où ça vient

Par example:

func1();

function func1() {
  func2();
}

function func2() {
  func3();
}

function func3() {
  console.error('Custom Error');
}

Je reçois:

Comment puis-je faire cela sans produire d'erreur, plutôt console.log()?

Réponses

Danziger Dec 13 2020 at 06:44

Vous pouvez utiliser à la console.trace()place de console.error().

Voici ce que vous voyez sur la console avec console.trace():

Trace
func3 @ js:24
func2 @ js:19
func1 @ js:15
(anonymous) @ js:12

Et ceci avec console.error():

Custom Error
console.error   @   snippet-javascript-console.min.js?v=1:1
func3   @   js:23
func2   @   js:19
func1   @   js:15
(anonymous) @   js:12

Si vous souhaitez obtenir la trace de la pile dans une variable au lieu de simplement la consigner, vous pouvez utiliser Error.captureStackTrace(targetObject)ou Error().stack, mais les deux ne sont pas standard:

func1();

function func1() {
  func2();
}

function func2() {
  func3();
}

function func3() {
  const fakeErrorObject = {};
  
  Error.captureStackTrace(fakeErrorObject)
  
  const captureStackTraceTrace = fakeErrorObject.stack;
  const errorStackTrace = Error('Foo').stack;
  
  console.log(captureStackTraceTrace.replaceAll('at', '👉'));
  console.log(errorStackTrace.replaceAll('at', '👉'));
}
.as-console-wrapper {
  max-height: none !important;
}