Step Out（Shift+F11）执行完当前函数剩余代码并停在调用该函数的下一行，适用于已确认函数内部无异常、需快速观察返回值或跳出嵌套调用场景。
在 JavaScript 调试中，“Step Out”（快捷键 Shift+F11）不是用来“跳过当前函数”，而是让调试器**执行完当前函数剩余部分，并自动停在调用该函数的下一行代码上**——也就是“跳出当前函数作用域，回到上层调用位置”。这在你已确认当前函数内部无需逐行检查、但又想观察其返回值或后续逻辑时非常高效。
什么时候该用 Step Out？
当你：
- 已进入一个函数（比如通过 Step Into / F11 进入了
calculateTotal()），但发现里面逻辑清晰、无异常，不想再一行行走完； - 想快速看到这个函数的返回值被谁接收、怎么使用（比如
let result = calculateTotal();后面那行）； - 正在调试嵌套调用（
A() → B() → C()），当前停在C内部，按 Shift+F11 会直接跳出C，停在B中调用C的下一行；再按一次，跳出B，停在A中调用B的下一行。
实际操作注意点
Step Out 的行为依赖于当前暂停位置和函数边界：
- 必须已处于某个函数体内（DevTools 显示当前行属于某个函数），否则 Shift+F11 无效或退化为 Continue（F8）；
- 如果当前函数已执行到最后 return 或自然结束，再按 Shift+F11 会直接运行到脚本末尾或下一个断点；
- 异步函数（
async）中，Step Out 只跳出当前同步段。例如在await fetch()后暂停，Shift+F11 不会“跳出 await”，而是继续执行await后面的同步代码，然后等待 Promise resolve —— 这是正常表现，不是 bug。
和其他单步命令的区别
别混淆这三个常用调试操作：
立即学习“Java免费学习笔记（深入）”；
- Step Over（F10）：执行当前行。如果是函数调用，不进去，直接执行完并停在下一行；
- Step Into（F11）：执行当前行，遇到函数调用就跳进该函数第一行；
- Step Out（Shift+F11）：不管当前函数还剩多少行，全部跑完，停在它的调用者那里。
小技巧：配合 Call Stack 使用
在 Chrome DevTools 的 “Call Stack” 面板里，你会看到当前调用链（比如 init → render → updateDom）。高亮项是你当前所在的函数。按 Shift+F11 后，高亮会自动上移一层，同时代码视图跳转到对应调用位置——这是验证 Step Out 是否生效最直观的方式。
