What is lexical scoping in JavaScript?

What is lexical scoping in JavaScript?

Lexical scoping means that a function's scope is determined by its location within the source code. It allows inner functions to access variables from their outer function.

Can you give me an example of lexical scoping?

Sure! 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 because of lexical scoping.

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

If you try to access an outer variable from a different function that is not nested within the outer function, it will result in a reference error because that variable is not in the scope of the new function.

Are there any exceptions to lexical scoping?

No, lexical scoping is a fundamental concept in JavaScript. However, you can use techniques like closures to maintain access to outer variables.