JavaScript Local Scope

February 8, 2021 10:45 am IST

❮ Prev Next ❯

You are Here:

What is Scope?

Scope determines the availability (visibility, or accessibility) of variables.

Types of Scope

There are two types of scope available in JavaScript, they are

Global Scope
Local Scope

Local Scope

When a variable is declared inside a function, then the variable is said to be Local.

Local variable is accessible only within the function it is declared.

Note: The following example will throw an error, Please check your console while trying it.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <script> function myFunction(){ var txt = "Hello"; } myFunction(); // Error occurs console.log(txt); </script> </body> </html>

Run

More Examples

Local variable is also accessible to its inner function.

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); function myFunction(){ var txt = "Hello"; function displayText(){ x.innerText = txt; } displayText(); } myFunction(); </script> </body> </html>

Run