What is the difference between closures and scope?

Can you explain the difference between closures and scope in JavaScript?

Sure! Scope refers to the visibility of variables in different parts of your code, while closures are functions that remember their outer variables even when the function is executed outside its original scope.

Can you give me an example of a closure?

Absolutely! Here's a simple example:

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

const closureFunction = outerFunction();
closureFunction(); // This will log 'I am outside!'

In this case, innerFunction is a closure that retains access to outerVariable.

What about scope? How does it work?

Scope determines where variables can be accessed. In JavaScript, we have global scope, function scope, and block scope. For example, a variable declared inside a function cannot be accessed outside of it.

Thanks! That makes it clearer.