DEV Community

loading...
Play Button Pause Button

Visualizing Closures with the VSCode Debugger

JavaScript Joel
Cofounded Host Collective (DiscountASP.net). Cofounded Player Axis (Social Gaming). Computer Scientist and Technology Evangelist with 20+ years of experience with JavaScript!
・1 min read

Let use the VSCODE debugger to visualize a closure to help us understand what they are.

I consider myself a visual learner so it helps me to see the thing I am trying to learn. So I am going to set breakpoints and looking directly at the closure in the debugger. This should also help you understand what a closure is.

Are you a visual learner? Does this help you understand closures?

Watch this video if you need help setting up the debugger in VSCode

Quokka live coding extension: https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

More Videos

If you'd like to see more of my videos, head over to YouTube.

More Minute JavaScript Videos:

Screenshot of YouTube Channel

What would you like to see next?

Discussion (4)

Collapse
joelnet profile image
JavaScript Joel Author

Glad you found it useful! Cheers 🍻

Collapse
miclgael profile image
Michael Gale

This was great, thanks!
Enjoyed your longer format one as well.

Collapse
joelnet profile image
JavaScript Joel Author

I'm hoping to have more on debugging in Node. I don't think I covered enough here :)