Chrome开发者工具中Step与Step Into的区别是什么？

嘿，这个问题太常见了，刚上手调试的朋友很容易把这俩搞混，我给你拆解明白：

• Step（通常指Step Over，快捷键F10）：就像“跳过细节看结果”。当你调试到一行包含函数调用的代码时，它会直接把这个函数的所有代码一次性执行完，然后跳到当前代码的下一行，不会钻进函数内部去一步步看。比如你写了const total = getTotal(price, count);，用Step Over的话，浏览器会直接算出total的值，然后你就能看到下一行代码的调试状态，完全不用管getTotal函数里是怎么算的。如果当前行没有函数调用，那它和Step Into的效果一样，都是跳到下一行。

• Step Into（快捷键F11）：这是“钻进细节看过程”。同样是上面那行代码，用Step Into的话，调试器会直接跳转到getTotal函数的第一行代码，让你可以逐行调试这个函数内部的每一步逻辑。如果当前行有多个嵌套函数调用（比如const res = add(multiply(2,3), 5);），它会优先进入第一个执行的内层函数（这里就是multiply），等你把这个函数的逻辑走完回到原代码行，再继续处理外层的add函数。

简单总结：想跳过函数看整体流程用Step Over，想深挖函数内部逻辑用Step Into。

内容的提问来源于stack exchange，提问作者user956609