1. Call Stack

Call Stack이란?

 - 자바스크립트 함수 실행을 핸들하는 방법 중 하나이다.

 - 자바스크립트가 실행해야하는 함수 => Stack에 쌓는다.

 - 그리고 함수를 다 실행하고 나면 해당 함수를 Stack에서 삭제한다.

 

예제

크롬에서 

1. 이름모를 함수가 실행되고 있다.

 

 

2. 순차적으로 함수가 실행되었다.

 

 

3. three 함수의 console.log 코드가 실행되고 끝나면, Call Stack에서 three가 사라진다.

 

참고로 function는 return이라는 말이 나오거나 실행이 완료되면 끝나는 것이다.

 

4. 함수의 실행이 끝나면 Call Stack에는 아무것도 없다.

 

 

5. 에러가 발생한다면, 그때 남아있던 Call Stack이 다 노출된다.

 

 

 

결론

javascript 오류를 봤을때, 해당 라인만 보고 Call Stack이라는 것을 간과하고 오류를 잡는것을 확인했었다.

Call Stack을 보고, 근본적이 원인 + 어디서부터 오류를 해결해야하는지 알았다.

 

노마드 코더 유튜브 참고했습니다!

https://www.youtube.com/watch?v=QkFkFqg-J04