What is the difference between closures and block scoping in JavaScript?

What is the difference between closures and block scoping in JavaScript?

Closures are functions that remember their lexical scope even when the function is executed outside that scope. Block scoping, introduced in ES6, allows variables to be scoped to the nearest enclosing block, such as a loop or an if statement.

Can you give me an example of a closure?

Sure! Here's a simple example:

function outerFunction() {
    let outerVariable = 'I am outside!';
    function innerFunction() {
        console.log(outerVariable);
    }
    return innerFunction;
}

const myClosure = outerFunction();
myClosure(); // Outputs: I am outside!

And how does block scoping work?

Block scoping allows you to declare variables that are only accessible within the block they are defined. For example:

if (true) {
    let blockScopedVariable = 'I am inside the block!';
    console.log(blockScopedVariable);
}
console.log(blockScopedVariable); // ReferenceError: blockScopedVariable is not defined