Can you explain lexical scope in depth?

Can you explain lexical scope in depth?

Sure! Lexical scope refers to the visibility of variables in nested functions. It determines how variable names are resolved in nested functions based on their location in the source code.

How does lexical scope differ from dynamic scope?

Lexical scope is determined at compile time and is based on the physical structure of the code, while dynamic scope is determined at runtime and depends on the call stack.

Can you give an example of lexical scope in JavaScript?

Absolutely! In JavaScript, if you define a variable inside a function, it cannot be accessed from outside that function. For example:

function outer() {
    let outerVar = 'I am outside!';
    function inner() {
        console.log(outerVar); // This will log 'I am outside!'
    }
    inner();
}
outer();

What happens if I try to access a variable outside its scope?

If you try to access a variable outside its lexical scope, you'll get a reference error in JavaScript, indicating that the variable is not defined.