JavaScript 获取调用堆栈

在调试 JavaScript 代码时，获取当前执行上下文的调用堆栈是非常重要的。通过获取调用堆栈，可以了解当前代码的执行路径和函数调用关系，从而更好地定位代码的问题。在 JavaScript 中，可以通过以下方式获取调用堆栈。

1. 使用 Error 对象获取调用堆栈

在 JavaScript 中，可以通过创建 Error 对象并获取其堆栈信息来获取调用堆栈。以下是一个简单的示例代码：

function funcA() {
  funcB();
}

function funcB() {
  funcC();
}

function funcC() {
  console.log(new Error().stack);
}

funcA();

在上面的代码中，调用了三个函数 funcA、funcB 和 funcC。当执行到 funcC 函数时，通过创建 Error 对象并获取其堆栈信息，可以获取到当前的调用堆栈信息。运行上面的代码，将会输出以下调用堆栈信息：

Error
  at funcC (<anonymous>:9:15)
  at funcB (<anonymous>:5:3)
  at funcA (<anonymous>:2:3)
  at <anonymous>:11:1

从上面的信息可以看出，当前程序在执行 funcC 函数时，前面依次经过了 funcB 和 funcA 函数。

2. 使用 arguments.callee.caller 获取调用堆栈

在 ECMAScript 3 中，JavaScript 引擎提供了 arguments.callee.caller 属性，可以用来访问当前函数的调用者。通过反复调用 arguments.callee.caller 直到获取到根函数，就可以获取整个调用堆栈了。以下是一个示例代码：

function funcA() {
  funcB();
}

function funcB() {
  funcC();
}

function funcC() {
  console.log(getStackTrace());
}

function getStackTrace() {
  var caller = getStackTrace.caller;
  var stack = [];
  while (caller) {
    stack.push(caller.toString());
    caller = caller.caller;
  }
  return stack;
}

funcA();

在这个示例代码中，定义了三个函数 funcA、funcB 和 funcC，以及一个辅助函数 getStackTrace。其中 getStackTrace 函数通过反复调用 getStackTrace.caller 属性并将调用者的函数对象存入一个数组中，最终返回一个完整的调用堆栈。运行上面的代码，将会输出以下调用堆栈信息：

["function funcC() {\n  console.log(getStackTrace());\n}", "function funcB() {\n  funcC();\n}", "function funcA() {\n  funcB();\n}", "function () {\n  getStackTrace();\n}"]

3. 使用堆栈跟踪库获取调用堆栈

由于使用 Error 对象和 arguments.callee.caller 属性获取调用堆栈的方法存在一些缺陷，比如无法获取优化后代码的调用堆栈信息，在实际开发中，推荐使用一些成熟的堆栈跟踪库，比如 stacktrace.js 和 error-stack-parser 等。这些库可以提供更加准确和完整的调用堆栈信息，方便我们进行代码调试和错误跟踪。以下是一个使用 stacktrace.js 获取调用堆栈的示例代码：

function funcA() {
  funcB();
}

function funcB() {
  funcC();
}

function funcC() {
  console.log(new Error().stack);
}

function errorCallback(err) {
  console.log(err.stack);
}

function main() {
  try {
    funcA();
  } catch (err) {
    StackTrace.fromError(err).then(errorCallback);
  }
}

main();

在这个示例代码中，定义了三个函数 funcA、funcB 和 funcC，一个错误回调函数 errorCallback，以及一个 main 函数。main 函数中调用 funcA 函数，将其放在 try-catch 中进行异常处理。当出现异常时，使用 StackTrace.fromError 方法获取错误的堆栈信息，然后调用 errorCallback 函数输出堆栈信息。Stacktrace.js 可以与诸如 Angular、Ember、jQuery、React 甚至 Backbone 之类的框架无缝集成。

以上就是 JavaScript 获取调用堆栈的三种方法，需要注意的是，调用堆栈可能会泄露一些敏感信息，如函数、参数和对象等。因此在生产环境中，应该避免将调用堆栈信息输出到控制台或日志中。