JS回调函数堆栈

在JavaScript中，回调函数堆栈是指函数在执行过程中，调用其他函数并等待其返回结果时，将当前函数的执行上下文暂时保存在堆栈中，然后将控制权交给被调用的函数。当被调用的函数执行完成后，将返回结果给调用函数，并将调用函数的执行上下文从堆栈中恢复，继续执行。

下面是一个简单的例子，展示了如何使用回调函数堆栈：

function func1(callback) {
  console.log('func1 started');
  setTimeout(function() {
    console.log('func1 finished');
    callback();
  }, 2000);
}

function func2() {
  console.log('func2 started');
  console.log('func2 finished');
}

func1(func2);

在上面的例子中，func1是一个异步函数，它接受一个回调函数作为参数。当func1开始执行时，它会打印"func1 started"，然后通过setTimeout函数模拟一个耗时操作。在这个例子中，我们设置了一个2秒的延迟。当延迟结束后，func1会打印"func1 finished"，然后调用回调函数callback。回调函数func2会在func1执行完成后被调用。

当我们调用func1(func2)时，func1会将自己的执行上下文保存在堆栈中，并将控制权交给setTimeout函数。然后，setTimeout函数开始计时，并返回立即。func1的执行暂停，直到延迟结束。当延迟结束后，setTimeout函数将控制权还给func1，并调用回调函数callback（也就是func2）。此时，func1的执行上下文从堆栈中恢复，继续执行。func2被调用后，会打印"func2 started"和"func2 finished"。

通过这种方式，我们可以实现异步操作，并在操作完成后执行回调函数。回调函数堆栈的概念帮助我们管理函数的执行顺序和控制流程。