(1) Call Stack => JavaScript 개발자가 알아야할 33가지

출처 : https://github.com/leonardomso/33-js-concepts

leonardomso/33-js-concepts

한때 유명했다던 오픈 프로젝트?로써 자바스크립트 개발자라면 꼭 알아야할 33가지 라고 합니다.

 

그 중 첫번째로 Call Stack 입니다.

 

function three(){
	console.log("Call Stack");
}
function two(){
	three();
}
function one(){
	two();
}
function zero(){
	one();
}

zero();

위와 같은 코드에서 zero를 호출하면 zero는 one()을 호출하고 one은 two()를 호출, two는 three()를 호출.

three()는 콘솔.로그를 수행하고 끝나면서 스택 위에서 사라지고 호출했던 two()로 돌아가서 two() 또한 삭제되고

이렇게 차례대로 모두 완료 후 스택에서 삭제 됩니다.

 

이렇듯 스택 위에 책처럼 쌓아 올리는 것이 자바스크립트에서 함수를 실행하여 핸들링하는 방법 중 하나 입니다.

 

+ 함수 붕괴.

function hello(){
	bye();
}
function bye(){
	hello();
}

hello();

위와 같이 서로가 서로를 부를 경우 무한히 서로를 차곡차곡 부르게 되기 때문에

결국 콜 스택 사이즈의 최대치에 도달하여 초과 했다는 에러 문구가 발생하게 됩니다.