How does lexical scope work in JavaScript?

Can you explain how lexical scope works in JavaScript?

Sure! Lexical scope refers to the visibility of variables in nested functions. In JavaScript, a function's scope is determined by its location in the source code.

What happens if I try to access a variable from an outer function inside an inner function?

If the inner function tries to access a variable from the outer function, it can do so because of lexical scoping. The inner function has access to its own scope, the outer function's scope, and the global scope.

Can you give me an example of lexical scope?

Absolutely! Here's a simple example:

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

In this case, innerFunction can access outerVariable.

What about block scope? How does it relate to lexical scope?

Block scope is a more specific type of lexical scope introduced in ES6 with let and const. It restricts the visibility of variables to the block in which they are defined, while lexical scope allows access to variables in outer functions.