Chrome中Step into next function call和step的区别

Chrome中Step into next function call和step的区别

    • 两个按钮
    • 案例
      • Step into next function call运行流程
      • step运行流程
    • 结论

两个按钮

在这里插入图片描述
在这里插入图片描述

案例

debugger;
console.log('start');
new Promise(resolve=>{resolve()
}).then(()=>{console.log('inside')
});
console.log('outside');

Step into next function call运行流程

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
断点到达第6行时,第8行的代码已经输出了,并且断点没断在第8行

step运行流程

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用step会先断点到第8行,再断点到第6行

结论

Step into next function call:执行异步函数后,异步函数后面的代码无法断点到。快捷键F11。
Step:执行异步函数后,异步函数后面的代码可以断点到。快捷键F9。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部