JavaScript的执行环境是一个单线程的事件循环，因此代码的执行流程不像多线程那样可以同时进行多个任务。在JavaScript中，函数调用会被压入一个叫做调用栈（call stack）的数据结构中，由事件循环从上往下顺序执行栈中的函数。
什么是函数调用栈
函数调用栈是指JavaScript引擎在执行代码时，用来存储函数调用关系的一种数据结构。当一个函数被调用时，它就被压入调用栈中，在这个函数执行完成后，它就会被弹出栈。
调用栈是LIFO（后进先出）的结构，因此最后被压入的函数会最先被执行完毕。当调用栈中的函数数量达到一定的上限时（通常是1000层），JavaScript引擎就会抛出一个“栈溢出”的错误。
调用栈的工作原理
当JavaScript引擎遇到函数调用时，它会把函数添加到调用栈的顶部。接着，引擎就会开始执行该函数内的代码，直到这个函数执行完毕或是遇到了一个return语句。
当一个函数被执行完毕后，它就从调用栈的顶部被弹出，将控制权交给下面的函数。这个过程一直持续到调用栈中的所有函数被执行完毕，JavaScript引擎就会回到事件循环，等待新的事件。
调用栈的应用场景
知道调用栈的工作原理后，我们可以利用它帮助我们调试代码。当JavaScript执行出现错误时，引擎会抛出一个异常并停止执行。此时，我们可以利用调用栈来查找引发错误的代码部分。
调用栈也可以用来帮助理解JavaScript的函数调用机制。比如，当一个函数内部调用了另一个函数，该函数会等待被调用的函数执行完毕后再继续执行自身的代码，这种机制被称为“阻塞”（Blocking）。
调用栈的注意事项
调用栈虽然简单易懂，但也有一些注意点需要我们掌握。首先，调用栈的大小有限，如果我们写的代码中使用了过多的递归，就容易出现栈溢出的异常。
其次，当JavaScript执行一段异步代码时，它不会阻塞调用栈，而是将这段异步代码放到任务队列中等待执行。此时，调用栈就已经空了，JavaScript引擎就开始等待新的任务。
当任务队列中有待执行的任务时，事件循环就会将这些任务放到调用栈中执行，直到调用栈被重新填满。
结论
JavaScript的调用栈是一种用来存储函数调用关系的数据结构。当一个函数被调用时，它就会被压入调用栈中，当该函数执行完毕后就会从栈中弹出。调用栈可以用来帮助我们调试代码，同时也可以用来帮助我们理解JavaScript的函数调用机制。
调用栈是LIFO的结构，因此最后被压入栈中的函数会最先被执行。当调用栈中的函数数量达到一定的上限时（默认是1000层），JavaScript引擎就会抛出一个“栈溢出”的错误。
当JavaScript执行一段异步代码时，调用栈就会被清空，异步代码会被放到任务队列中等待执行。当任务队列中有待执行的任务时，事件循环就会将这些任务放到调用栈中执行，直到调用栈被重新填满。