When we execute the code above, this what we should see. Notice the “paused in debugger” text and resume and loop-over buttons on right. On the left panel, we see the “sources” tab and our debugThis function with the values we passed in. If you hover over variables a and b — you see their values.

It would be an understatement to say this is a handy tool when we have much more complex stuff happening and we need to inspect what went wrong. More complex applications might fetch data from ten different data sources, but one of them might fail. Why and how? debugger to the rescue!

To resume as normal, press the “resume” button.