What is lexical scoping in JavaScript?

What is lexical scoping in JavaScript?

Lexical scoping refers to the way variable scope is determined in JavaScript. It means that a function's scope is defined by its location within the source code, and nested functions have access to variables declared in their outer scope.

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, you will get an error because that variable is not in the scope of the new function.

Are there any exceptions to lexical scoping?

In JavaScript, lexical scoping is consistent, but you can use techniques like eval() or the with statement to create dynamic scopes, though these are generally discouraged.