javascript - 有没有办法获取 JavaScript 的执行顺序以进行调试

Question

我在使用异步函数时遇到了很多问题，我想知道是否有任何工具可以在我的脚本运行后(不停止它)向我显示它的执行顺序。我有 Firebug，但看不到执行此操作的选项。

我正在寻找这个的原因是我在 .done() 中为我的 .get() 调用了一个回调，但由于某种原因有时会失败所以我正试图追踪到底发生了什么。

这不是我问如何解决异步问题(尽管欢迎提出建议)，而是我更想学习如何自己追踪它。非常欢迎任何建议或指向工具/教程的链接

Answer 1

console.log('myFunctionName') 在你的函数中。您还可以记录变量，以仔细检查它们的内容是否正确。

基本上，是这样的:

var myInt = 0;

function init(){
    console.log('init()')
    stepOne();
    myInt = 10
    console.log('Between steps')
    stepTwo();
    // more stuff;
    console.log('init() end');
}

function stepOne(){
    console.log('stepOne()', myInt);
    // Do stuff
    console.log('stepOne() end', myInt);
}

function stepTwo(){
    console.log('stepTwo()', myInt);
    // Do stuff
    console.log('stepTwo() end', myInt);
}

等等...

如果您在运行 init() 后在日志中看到类似这样的内容:

init()
stepOne() 0
stepOne() end 0
Between steps
stepTwo() 10

那么这意味着您的代码在 stepTwo() 中中断。