호출 스택 분석

코드 분석

이 코드에 대해서 호출 스택 분석을 해보겠다.

 

이렇게 선언을 제외한 함수 호출 할 때마다 호출스택에 넣어주고 함수 끝날 때마다 빼주면 된다.

 

-개발자도구에서 호출 스택 보는 방법

브라우저의 콘솔에다가 내가 원하는 지점에 debugger라고 넣는다.

 

그러면 이렇게 호출 스택을 볼 수 있다. 또한 오른쪽 창의 "범위"가 스코프 부분이라 이것도 알 수 있다.

처음에 anonymous(익명)이 있는 이유는 파일 전체를 익명 함수로 치기 때문이다.

 

*스코프 체인: 특정 함수에서 어떤 값에 접근할 수 있는지

 

-참고

const console = {
  log() {
      // 콘솔에 글자 적는 기능
  },
};

const x = "x";
function c() {
  const y = "y";
  console.log("c");
}

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

a();
c();

 

console.log는 console에 log가 맨 위 코드처럼 내장되어 있을 것이다.

 

-출처

https://www.youtube.com/watch?v=ZF6aDhBp5r8&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=4