[Window_Console] JS - console.trace() 메서드 - 코드 실행 내역 역추적해 콘솔에 표시 (= console.trace메서드 = 콘솔트레이스 메서드 = 콘솔츠레이스 메서드) ※ 함수 코드 동작원리 파악

목차

1. console.trace() 예제 - 코드 실행 내역 역추적
2. console.trace() 정의
3. console.trace() 구문
4. console.trace() 예제 - label 매개변수 (= 추적 이름) 사용

console.trace() 예제 - 코드 실행 내역 역추적

 

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  codeTrace();

}

function codeTrace() {

  console.trace();

}

</script>

 

결과값:

결과확인: F12키 > Console탭

console.trace() 정의

 

코드가 특정 지점에서 어떻게 종료되었는지 역추적해 표시.

 

---

 

1.

label 매개변수 (= 추적 이름) 사용 시, 한 웹페이지에서 여러 추적 코드 사용 가능.

 

2,

IE11 이상 주요 최신 브라우저 모두 지원.

 

console.trace() 구문

 

console.trace(label)

 

---

[매개변수]

 

label

선택. 추적 이름.

 

console.trace() 예제 - label 매개변수 (= 추적 이름) 사용

 

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  codeTrace1(); // 추적 이름 지정 O

  codeTrace2(); // 추적 이름 지정 X

}

// 추적 이름 지정 O

function codeTrace1() {

  console.trace('hz');

}

// 추적 이름 지정 X

function codeTrace2() {

  function run() {

    console.trace();

  }

  run();

}

</script>

 

결과값: