JavaScript如何實現(xiàn)顯示函數(shù)調(diào)用堆棧

本篇內(nèi)容介紹了“JavaScript如何實現(xiàn)顯示函數(shù)調(diào)用堆?！钡挠嘘P(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

Firebug提供了console.trace()來顯示函數(shù)堆棧，在需要調(diào)試的地方加上下面的一行代碼就能顯示該函數(shù)調(diào)用時的上下文關(guān)系。IE6就沒有這么方便了，它沒有提供顯示函數(shù)堆棧的工具，當(dāng)不可避免的需要在IE6下調(diào)試代碼時，使用下面的代碼能夠顯示函數(shù)堆棧（建議將下面的JavaScript代碼保存為console.trace.js，通過外部引入js的方式引用到頁面）：

JAVASCRIPT代碼如下:

/**
* 獲取函數(shù)名稱
*
* @param {Function} func 函數(shù)引用
* @return {String} 函數(shù)名稱
*/
function getFunctionName(func) {
  if ( typeof func == 'function' || typeof func == 'object' ) {
    var name = ('' + func).match(/function\s*([\w\$]*)\s*\(/);
  }
  return name && name[1];
}
if (!('console' in window)) {
  window.console = {};
}
if (!console.trace) {
  /**
   * 顯示函數(shù)堆棧<br/>
   * 為了和Firebug統(tǒng)一，將trace方法添加到console對象中
   *
   * @param {Function} func 函數(shù)引用
   *
   * @example
function a() {
b();
}
function b() {
c();
}
function c() {
d();
}
function d() {
console.trace();
}
a();
   */
  console.trace = function() {
    var stack = [],
      caller = arguments.callee.caller;
    while (caller) {
      stack.unshift(getFunctionName(caller));
      caller = caller && caller.caller;
    }
    alert('functions on stack:' + '\n' + stack.join('\n'));
  }
};

“JavaScript如何實現(xiàn)顯示函數(shù)調(diào)用堆?！钡膬?nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！