– “Step out”: continue the execution till the end of the current function, hotkey Shift +F11.Ĭontinue the execution and stop it at the very last line of the current function. The “Step into” goes into their code, waiting for them if necessary. If you’re only starting to learn JavaScript, then you can ignore the difference, as we don’t have asynchronous calls yet.įor the future, just note that “Step” command ignores async actions, such as setTimeout (scheduled function call), that execute later.
That’s similar to “Step”, but behaves differently in case of asynchronous function calls. That’s good if we’re not interested to see what happens inside the function call. The execution is then paused immediately after that function call. If we compare them, the “Step” command goes into a nested function call and pauses the execution at its first line, while “Step over” executes the nested function call invisibly to us, skipping the function internals. Similar to the previous “Step” command, but behaves differently if the next statement is a function call (not a built-in, like alert, but a function of our own). – “Step over”: run the next command, but don’t go into a function, hotkey F10. If we click it now, alert will be shown.Ĭlicking this again and again will step through all script statements one by one. – “Step”: run the next command, hotkey F9. Take a look at the “Call Stack” at the right. The execution has resumed, reached another breakpoint inside say() and paused there. Here’s what we can see after a click on it: If there are no additional breakpoints, then the execution just continues and the debugger loses control. – “Resume”: continue the execution, hotkey F8. There are buttons for it at the top of the right panel. There’s also this keyword there that we didn’t study yet, but we’ll do that soon. Global has global variables (out of any functions). You can also see their values highlighted right over the source. “anonymous”), the debugger jumps to the corresponding code, and all its variables can be examined as well. The debugger will show its value, automatically recalculating it in the process of execution.Ĭall Stack – shows the nested calls chain.Īt the current moment the debugger is inside hello() call, called by a script in index.html (no function there, so it’s called “anonymous”). You can click the plus + and input an expression. Watch – shows current values for any expressions. They allow you to examine the current code state:
Please open the informational dropdowns to the right (labeled with arrows).
0 kommentar(er)
