[javascript] 자바스크립트 console.trace (stack trace)

참고: https://dotnettutorials.net/lesson/javascript-console-trace-method/

이 포스트에서는 JavaScript의 console.trace() 메소드의 사용 방법을 알아보겠습니다.

console.trace() 메소드

함수나 코드 조각 디버깅은 우리가 항상 직면하는 문제입니다. 이 때 코드의 실행 흐름을 쉽게 이해하기 위해 console.trace() 메소드를 사용할 수 있습니다.

console.trace() 메소드는 콘솔에서 코드가 어떻게 실행되는지와 코드 흐름을 알 수 있는 stack trace를 출력하는 데 사용합니다. 이러한  console.trace() 메소드는 호출 시점에 존재하는 call stack을 로깅합니다. 이로서 코드의 다른 위치에서 호출되는 함수의 오류를 찾을 수 있습니다. 이는 코드를 추적하려는 위치에 console.trace() 메소드를 배치하여 사용할 수 있습니다.

문법

console.trace(...data);

매개변수: 옵셔널 값으로서 stack trace와 함께 출력할 값입니다. console.log()와 동일한 방법을 사용할 수 있습니다.

console.trace() 메소드 예제

function func1() {
    function func2() {
        console.trace();
    }

    func2();
}

func1();

function traceTest(a, b) {
    console.trace("Start Trace");
    return a + b;
}

traceTest(23, 3);

function addition() {
    addNumbers();
}

function addNumbers() {
    console.trace('addition trace');
}

addition();

정리

console.trace() 메소드는 호출되는 시점의 call stack을 콘솔에 출력하는 메소드입니다. 디버깅 시 코드의 stack trace가 필요한 경우 유용하게 사용할 수 있으며 console.log()에 넣는 값과 동일한 방법으로 매개변수를 전달할 수 있습니다.

관련 글

자바스크립트 console.table() 사용 방법

자바스크립트 console.time() 사용 방법

자바스크립트 console.log() 사용 방법