Minute JavaScript - Visualizing Closures with the VSCode Debugger

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?

[abdicodes]

nice! didn't know the debugger gives us closures as well!

[alanoreilly]

I love you for this Joel lol I have been learning js and closures have been the first big sticking point. Thanks!

[itszahoor]

Great one joel, probably no one has ever "Shown Closures". I see editing is also getting better. Keep Making Unique stuff.

[huynhhuynh]

It is super awesome! Why the views of this video is so low?

[zameeebasha]

Hey Joel, thanks for the wonderful content.

const abc = 123;
const xyz = 456;

function logAbc(){
console.log(abc);
}

logAbc();

Isn't this lexical scope as the function is invoked in its lexical environment?