JavaScript Call Stack

• 자바스크립트에서 false가 되는 경우

1. null
2. undefined
3. ""(공백문자)
4. 0
5. NaN

var firstName = firstName || 'J';

firstName에 인자가 들어오지 않으면, undefined로 false가 되어 'J'가 할당된다

• Call Stack

 

출처 :  https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions-tasks-event-loop-call-stack-more-part-1-5683dea1f5ec

함수 호출 관계는 다음과 같습니다.

bar() → foo()

메모리에서는 우측의 Call Stack에서와같이 순서대로 쌓이게 됩니다.

bar 함수에서 foo를 호출한 후, foo 함수의 결과를 받아올 때까지, bar함수는 메모리 공간에서 사라지지 못하고 기다리고 있는 것이죠.

이를 당연히 생각할 수 있습니다.

foo의 경우에는 실행이 끝나고 return문이 실행되면 메모리 공간에서 사라집니다.

다시 말해서 Call Stack에서 없어지는 것이죠.

Call Stack은 이렇게 동작하지만, 함수를 연속적으로 계속 호출하면 Call Stack이 꽉 차버리면서 더 실행되지 못하고 오류가 발생할 겁니다.

브라우저에서는 대부분 지정된 횟수만큼만 call stack을 쌓게 미리 설정해둔 경우가 많다고 합니다.

따라서 혹시 개발 중에 Maximum call stack size exceeded 오류를 발견해도 너무 놀라지 말고, 대처하도록 하세요.

출처 : https://www.edwith.org/boostcourse-web/lecture/16696/