What is the difference between closure and block scope in JavaScript?

What is the difference between closure and block scope in JavaScript?

Closure is a feature where an inner function retains access to its outer function's variables even after the outer function has executed. Block scope, on the other hand, refers to variables that are only accessible within the block they are defined, such as within curly braces.

Can you give me an example of closure?

Sure! Here's a simple example:

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

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

And what about block scope?

Block scope is created by using keywords like let and const. For example:

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

So closures can access variables outside their scope, but block scope cannot?

Exactly! Closures can access variables from their outer function, while block-scoped variables are limited to the block they are defined in.