Pobierz dane śledzenia, takie jak console.error (), wyświetlając komunikat o błędzie [duplicate]

Question

Kiedy to robię console.error('Custom Error'), dostaję niezły ślad tego, skąd się wziął

Na przykład:

func1();

function func1() {
  func2();
}

function func2() {
  func3();
}

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

Dostaję:

Jak mogę to zrobić bez generowania błędu, bardziej jak console.log()?

Answer 1

Możesz użyć console.trace()zamiast console.error().

Oto, co widzisz na konsoli z console.trace():

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

A to z 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

Jeśli chcesz przenieść ślad stosu do zmiennej zamiast po prostu go rejestrować, możesz użyć Error.captureStackTrace(targetObject)lub Error().stack, ale oba są niestandardowe:

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;
}