JavaScript如何获取函数的堆栈跟踪信息

这篇文章给大家分享的是有关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如何获取函数的堆栈跟踪信息"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！