首頁 web前端 js教程 JavaScript實作顯示函數呼叫堆疊的方法_javascript技巧

JavaScript實作顯示函數呼叫堆疊的方法_javascript技巧

May 16, 2016 pm 03:04 PM
javascript 函數呼叫 堆疊 顯示

本文实例讲述了JavaScript实现显示函数调用堆栈的方法。分享给大家供大家参考,具体如下:

许多大型的JavaScript应用程序间的函数调用关系是非常复杂的,在开发或者调试过程中,经常需要跟踪某个函数是由哪些函数调用后才触发执行的,弄清楚这些函数的调用顺序对我们理解代码的数据流向是非常重要的。

Firebug提供了console.trace()来显示函数堆栈,在需要调试的地方加上下面的一行代码就能显示该函数调用时的上下文关系。IE6就没有这么方便了,它没有提供显示函数堆栈的工具,当不可避免的需要在IE6下调试代码时,使用下面的代码能够显示函数堆栈(建议将下面的JavaScript代码保存为console.trace.js,通过外部引入js的方式引用到页面):

JAVASCRIPT代码如下:

/**
* 获取函数名称
*
* @param {Function} func 函数引用
* @return {String} 函数名称
*/
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) {
  /**
   * 显示函数堆栈<br/>
   * 为了和Firebug统一,将trace方法添加到console对象中
   *
   * @param {Function} func 函数引用
   *
   * @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相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

桌面佈局已鎖定的原因及解決方法 桌面佈局已鎖定的原因及解決方法 Feb 19, 2024 pm 06:08 PM

顯示桌面佈局已鎖定是怎麼回事在使用電腦的過程中,有時我們可能會遇到顯示桌面佈局已鎖定的情況。這個問題意味著我們無法自由地調整桌面圖示的位置或改變桌面背景等操作。那麼,顯示桌面佈局已鎖定到底是怎麼回事?一、理解桌面佈局和鎖定功能首先,我們需要了解桌面佈局和桌面鎖定這兩個概念。桌面佈局是指桌面上各元素的排列方式,包括捷徑、資料夾和小工具等。我們可以自由

C++ 函式呼叫效能調優:參數傳遞與傳回值的影響 C++ 函式呼叫效能調優:參數傳遞與傳回值的影響 May 04, 2024 pm 12:57 PM

C++函式呼叫效能最佳化包含兩個面向:參數傳遞策略和傳回值類型最佳化。參數傳遞方面,傳遞值適合小物件、不可修改參數,傳遞參考或指標則適合大物件、可修改參數,而傳遞指標速度最快。傳回值最佳化方面,小型值可直接傳回,大物件應傳回引用或指標。選擇合適策略能提高函數呼叫效能。

C++ 中如何在不同模組中呼叫函式? C++ 中如何在不同模組中呼叫函式? Apr 12, 2024 pm 03:54 PM

在C++中跨模組呼叫函數:宣告函數:在目標模組的頭檔中宣告要呼叫的函數。實作函數:在原始檔中實作函數。連結模組:使用連結器將包含函數宣告和實作的模組連結在一起。呼叫函數:在需要呼叫的模組中包含目標模組的頭文件,然後呼叫函數。

Linux 中如何查看目前目錄? Linux 中如何查看目前目錄? Feb 23, 2024 pm 05:54 PM

在Linux系統中,要顯示目前路徑可以使用pwd指令。 pwd指令是PrintWorkingDirectory的縮寫,用來顯示目前工作目錄的路徑。在終端機中輸入以下指令即可顯示目前路徑:pwd執行指令後,終端機會顯示目前工作目錄的完整路徑,如:/home/user/Documents。另外,還可以使用一些其他選項來增強pwd指令的功能,例如-P選項可以顯示出

怎麼顯示wifi密碼二維碼 推薦無線密碼微信掃一掃3秒搞定 怎麼顯示wifi密碼二維碼 推薦無線密碼微信掃一掃3秒搞定 Feb 20, 2024 pm 01:42 PM

WIFI密碼不用常常輸入,所以忘了也很正常,今天我教大家一個最簡單的方法來查到自己家WIFI的密碼,3秒鐘搞定。 WIFI密碼那就是用微信的掃一掃來查看,本方法的前提是:要有一台手機能連上過WIFI。好了,下面開始操作教學:步驟1、我們進入手機,從手機頂部下拉,調出狀態欄,WIFI圖標步驟2、長按WIFI圖標,進入WLAN設定;長按WIFI圖標步驟3、點擊已經連接上的自己家的WIFI名稱,點擊分享密碼,它會彈出來二維碼;分享WIFI密碼步驟4、我們截圖保存此二維碼;步驟5、桌面長按微信圖標,點擊掃

C++ 函數呼叫反射技術:參數傳遞和傳回值的動態訪問 C++ 函數呼叫反射技術:參數傳遞和傳回值的動態訪問 May 05, 2024 am 09:48 AM

C++函數呼叫反射技術允許在運行時動態獲取函數的參數和返回值資訊。使用typeid(decltype(...))和decltype(...)表達式可取得參數和傳回值類型資訊。透過反射,我們可以動態呼叫函數,並根據運行時輸入選擇特定的函數,實現靈活且可擴展的程式碼。

探索 PHP 函數呼叫的各種方式 探索 PHP 函數呼叫的各種方式 Apr 16, 2024 pm 02:03 PM

PHP函數呼叫共有五種方式:直接呼叫、透過變數呼叫、匿名函數、函數指標和反射。透過選擇最適合情況的方法,可以優化效能並提高程式碼簡潔性。

C++ 函式呼叫機制詳解 C++ 函式呼叫機制詳解 Apr 11, 2024 pm 02:12 PM

C++中的函數呼叫機制涉及將參數傳遞給函數並執行其程式碼,返回結果(如果存在)。參數傳遞有兩種方式:值傳遞(修改在函數內部進行)和引用傳遞(修改反映在呼叫者)。在值傳遞中,函數內的值修改不影響原始值(如printValue),而引用傳遞中的修改會影響原始值(如printReference)。

See all articles