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);
}

ETC...

如果您会在日志中看到类似的内容，请在运行后init()：

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

那么这意味着你的代码正在闯入stepTwo()。