Object-Oriented JavaScript - Third Edition

JavaScript call stack

In JavaScript, function calls form a stack of frames. Consider the following example:

    function c(z2) { 
        console.log(new Error().stack); 
    } 
    function b(z1) { 
        c(z1+ 1); 
    } 
    function a(z) { 
        b(z + 1); 
    } 
    a(1);  
 
    //at c (eval at <anonymous>) 
    //at b (eval at <anonymous>) 
    //at a (eval at <anonymous>) 

When we call function a(), the first frame in the stack is created with arguments to the function and all local variables in the a()function. When function a() calls function b(), a second frame is created and pushed to the top of the stack. This goes on for all function calls. When the c()function returns, the top frame from the stack is popped out, leaving functions b() and a(); this goes on until the entire stack is empty. This is necessary ...