JavaScript如何獲取函數(shù)的堆棧跟蹤信息

這篇文章給大家分享的是有關(guān)JavaScript如何獲取函數(shù)的堆棧跟蹤信息的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

獲取函數(shù)的堆棧跟蹤信息

使用JavaScript框架，會引入大量代碼。

創(chuàng)建視圖并觸發(fā)事件，***你想了解函數(shù)調(diào)用的過程。

由于JavaScript不是一個很結(jié)構(gòu)化的語言, 有時候很難知道什么時候發(fā)生了什么。使用console.trace (僅僅只是在控制臺中跟蹤)  可以方便地調(diào)試JavaScript.

想象一下，要查看第24行car實例調(diào)用函數(shù)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 調(diào)用 func2， func2 調(diào)用 func4。 Func4 創(chuàng)建了一個 Car 的實例，然后調(diào)用函數(shù)  car.funcX，依此類推。

即使你認為自己的代碼寫的非常好，這依然很有用。假如你想改進自己的代碼。獲取跟蹤信息和所有涉及的函數(shù)，每一項都可以點擊，可以在他們之間來回切換。就像是給你提供了一個調(diào)用堆棧的選擇列表。

感謝各位的閱讀！關(guān)于“JavaScript如何獲取函數(shù)的堆棧跟蹤信息”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！