Lernen Understanding the Call Stack | Foundations of Asynchronous JavaScript

To understand how JavaScript executes your code, you need to know about the call stack. The call stack is a data structure that keeps track of which function is currently running and what should happen after that function finishes. When your code calls a function, JavaScript adds it to the top of the stack. If that function calls another function, the new call is added to the stack as well. Once a function completes, it is removed from the stack, and execution continues with the previous function. You can picture the call stack as a stack of plates: the last plate you put on is the first one you take off.


              123456789101112131415161718192021
            
function first() {
  second();
  console.log("Finished first");
}

function second() {
  third();
  console.log("Finished second");
}

function third() {
  console.log("Finished third");
}

first();
/*
Output:
Finished third
Finished second
Finished first
*/

Sometimes, if your code calls functions in a way that never ends—such as a function that keeps calling itself without a condition to stop—this can cause a stack overflow. Stack overflow happens when the call stack grows beyond its allowed limit, usually because of infinite or very deep recursion. When this happens, JavaScript cannot continue and throws an error.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 4

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 3.57

Swipe um das Menü anzuzeigen


              123456789101112131415161718192021
            
function first() {
  second();
  console.log("Finished first");
}

function second() {
  third();
  console.log("Finished second");
}

function third() {
  console.log("Finished third");
}

first();
/*
Output:
Finished third
Finished second
Finished first
*/

War alles klar?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 4