본문 바로가기

자바스크립트

[인간 JS엔진 되기] 1-3. 호출 스택 분석

 

 

 

아래 코드를 브라우저 console에서 실행시키면

debugger 부분에서 실행이 잠시 멈춤

이때의 call stack을  아래 그림과 같이 확인할 수 있음

 

const x = 'x'; //없애면 c에서 x를 출력하면 reference error 발생
function c() {
    const y= 'y';
    console.log('c   ', x)
    debugger;
}

function a() {
    const x = 'xxx'
    console.log('a   ', x)
    function b() {
        const z = 'z';
        console.log('b   ', x);
        c();
    }
    b();
}

a();
c();

 

call stack 뿐만 아니라 Scope도 확인 할 수 있음