HTML DOM console.trace() 메서드는 console.trace() 메서드가 호출된 지점까지의 스택 추적을 표시하는 데 사용됩니다. 기본적으로 코드 경로, 즉 해당 지점에서 코드가 어떻게 종료되었는지 표시하는 데 사용됩니다.
구문
다음은 console.trace() 메서드의 구문입니다.
console.trace(label);
여기서 label은 코드 추적에 대한 레이블을 지정하기 위한 문자열 유형의 선택적 매개변수입니다. 이는 서로 다른 코드 조각에 대한 여러 추적이 있는 경우에 도움이 됩니다.
예시
console.trace() 메서드의 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1> console.trace() Method</h1>
<p>Click the below button…</p>
<button onclick="Function1()">Start Trace</button>
<script>
function Function1(){
Function2();
}
function Function2(){
console.trace();
}
</script>
<p>View the stack trace in the console after clicking the above button& </p>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
추적 시작 버튼을 클릭하고 콘솔 탭에서 출력을 볼 때.
위의 예에서 -
사용자가 클릭하면 Function1()을 실행할 "추적 시작" 버튼을 먼저 만들었습니다.
<button onclick="Function1()">Start Trace</button>
Function1()은 Function2()를 실행하고 Function2()는 내부에 있는 console.stacktrace() 메서드를 실행합니다. 스택 추적이므로 후입선출 순서를 따릅니다. console.trace 메서드는 Function2()에 의해 호출되었으므로 가장 먼저 팝됩니다.
Function1()이 Function2()를 실행했으므로 두 번째로 팝업됩니다. 마지막으로 Function1()은 클릭 시 "Start Trace" 버튼에 의해 실행되었으므로 가장 마지막에 팝업됩니다. 그것은 그들이 호출되는 역순이 될 것임을 의미합니다 -
<button onclick="Function1()">Start Trace</button>
function Function1(){
Function2();
}
function Function2(){
console.trace();
}