您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關JavaScript如何獲取函數的堆棧跟蹤信息的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
獲取函數的堆棧跟蹤信息
使用JavaScript框架,會引入大量代碼。
創建視圖并觸發事件,***你想了解函數調用的過程。
由于JavaScript不是一個很結構化的語言, 有時候很難知道什么時候發生了什么。使用console.trace (僅僅只是在控制臺中跟蹤) 可以方便地調試JavaScript.
想象一下,要查看第24行car實例調用函數funcZ的整個堆棧跟蹤信息:
var car; var func1 = function() { func2(); } var func2 = function() { func4(); } var func3 = function() { } var func4 = function() { car = new Car(); car.funcX(); } var Car = function() { this.brand = ‘volvo’; this.color = ‘red’; this.funcX = function() { this.funcY(); } this.funcY = function() { this.funcZ(); } this.funcZ = function() { console.trace(‘trace car’) } } func1();
24行將輸出:
可以看到 func1 調用 func2, func2 調用 func4。 Func4 創建了一個 Car 的實例,然后調用函數 car.funcX,依此類推。
即使你認為自己的代碼寫的非常好,這依然很有用。假如你想改進自己的代碼。獲取跟蹤信息和所有涉及的函數,每一項都可以點擊,可以在他們之間來回切換。就像是給你提供了一個調用堆棧的選擇列表。
感謝各位的閱讀!關于“JavaScript如何獲取函數的堆棧跟蹤信息”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。