Lexical Scope

The variable is declared inside the function and can only be accessed inside that block or nested block is called lexical scope.

Example: In this example, we will declare the variable inside the function and going to access inside the nested function.

Javascript




function outerFunction() {
    const outerVariable = "Hello";
 
    function innerFunction() {
        const innerVariable = "Geeks";
        console.log(`${outerVariable} ${innerVariable}`);
    }
 
    innerFunction();
}
 
outerFunction();


Output:

Hello Geeks

Javascript Scope

JavaScript Scope is the area where a variable (or function) exists and is accessible. We can layer the scope in a system which means the child scope can access the parent scope but not vice-versa.

Similar Reads

Javascript has three different scopes

Global Scope Block Scope Function Scope...

Global Scope

Those variables which are declared outside the function or blocks or you can say curly braces({}) are having a global scope....

Function Scope

...

Block Scope

Those variables that are declared inside a function have local or function scope which means variables that are declared inside the function are not accessible outside that function....

Lexical Scope

...

Global Variables in HTML

Before the ECMA6(2015) we have only global and function scope but when the Let and Const keywords were introduced in ES6 they provide the block scope....

Lifetime of JavaScript Variables

...

Contact Us