了解JavaScript栈
JavaScript是一种动态类型的编程语言，函数在JavaScript中拥有很重要的作用。作为一种具有函数式编程特性的语言，JavaScript提供了一种被称为“栈”的数据结构来辅助存储和管理函数的执行上下文。
什么是栈？
栈是一种数据结构，它的特点是“后进先出”（Last-In-First-Out，LIFO）。也就是说，最后被添加到栈上的元素总是最先被移除，而最先添加到栈上的元素则总是最后被移除。
换句话说，栈就像一个橡皮筋，你可以将一个元素插入到一端，然后从同一端移除该元素。栈每次只能操作最后一个插入的元素。
JavaScript的栈结构
在JavaScript中，栈被用于存储函数的执行上下文（Execution Context）。
执行上下文可以被看做是一个对象，它包含了当前函数执行所需的所有信息，例如变量、参数以及函数的调用堆栈。
在每个执行上下文中，JavaScript 引擎用一个栈来维护这些执行上下文，被称为“调用堆栈”或“执行上下文栈”。
当一个函数被执行的时候，它所用到的变量和参数都被存储在一个称为“变量环境”（Variable Environment）的对象中。这个对象会被添加到执行上下文栈的顶部。
当函数执行完毕并且返回一个值后，顶部的执行上下文会被弹出栈，控制权返回到下面的执行上下文中。
调用堆栈操作
调用堆栈是通过两种操作来实现的：压栈（Push）和弹栈（Pop）。
当一个函数被调用的时候，它的执行上下文被压入栈中。
function foo() {
bar();
}
function bar() {}
foo();
在这个例子中，我们首先调用 foo() 函数。当 foo() 被调用时，它的执行上下文被压入栈的顶部。在 foo() 的执行上下文中，我们又调用了 bar() 函数，bar() 函数的执行上下文也被压入了栈的顶部。
现在，我们在 bar() 函数中返回了一个值。因为 bar() 已经执行完毕，所以它的执行上下文被弹出栈。当 bar() 的执行上下文被弹出栈时，控制权转移到 foo() 的执行上下文中。
当最后 foo() 执行完毕时，它的执行上下文被弹出栈。在这个时候，JavaScript 引擎认为整个程序的执行也已经完成了。
栈溢出（Stack Overflow）
在一个递归函数的情况下，当函数被不断地压入栈时，栈会变得越来越大。如果栈的大小超出了 JavaScript 引擎所分配的限制，一个称为“栈溢出”（Stack Overflow）的错误就会发生。
例如：
function recursiveFunction() {
recursiveFunction();
}
recursiveFunction();
在这个递归函数中，每次函数被调用时都会产生一个新的执行上下文，并被压入栈中。由于这个函数没有任何终止条件，栈会变得越来越大，最后会超出 JavaScript 引擎分配的内存限制。
对于递归函数的设计，要保证它的结束条件是存在的，否则它就可能引起栈溢出。
小结
在 JavaScript 中，栈被用于存储函数的执行上下文。每次调用函数时，它的执行上下文会被压入一个栈中。在函数返回并弹出执行上下文后，控制权被返回给下面的执行上下文。
栈有助于 JavaScript 引擎追踪函数调用堆栈。但是，在递归函数的情况下，栈可能会变得非常大，如果超出了 JavaScript 引擎所分配的内存限制，就会引发“栈溢出”错误。