What is the scope of variables in javascript

In JavaScript, the scope of a variable defines the regions of code where it can be accessed. Scope can be either global or local.

1. Global Scope: When declared outside a function, a variable has global scope, meaning it can be accessed and modified anywhere in the code. Global variables remain accessible throughout the entire lifetime of the web page.

   Example:

   javascript
   var globalVar = "This is a global variable";
   
   function demoFunction() {
     console.log(globalVar); // Accessing global variable
   }
   
   demoFunction(); // Output: This is a global variable

   The globalVar above is a global variable that can be accessed within the demoFunction function.

2. Local Scope: When a variable is declared inside a function, it has local scope, meaning it can only be accessed and modified within that function. Local variables are inaccessible to code outside the function.

   Example:

   javascript
   function demoFunction() {
     var localVar = "This is a local variable";
     console.log(localVar); // Accessing local variable
   }
   
   demoFunction(); // Output: This is a local variable
   // console.log(localVar); // Error: localVar is not accessible here

   localVar can only be accessed within the demoFunction function.

3. Block Scope: Variables declared with let and const have block scope. They are accessible only within the code block where they are declared, such as inside a for loop or an if statement.

   Example:

   javascript
   if (true) {
     let blockScopedVar = "This is a block-scoped variable";
     console.log(blockScopedVar); // Accessing block-scoped variable
   }
   
   // console.log(blockScopedVar); // Error: blockScopedVar is not accessible here

In practical application development, it is advisable to use local or block scope for variable declarations to prevent naming conflicts and bugs that are difficult to trace, which can be caused by global variables.

This is an example:

javascript
var globalVariable = 7; // equivalent to window.globalVariable

function aGlobal( param ) { // equivalent to window.aGlobal(); 
                                // param is only accessible within this function
  var scopedToFunction = {
    // cannot be accessed outside this function

    nested : 3 // accessible via: scopedToFunction.nested
  };

  anotherGlobal = {
    // global because there is no `var` declaration
  }; 

}

You should study closures and how to use them to create private members.

Variables declared globally have global scope. Variables declared within a function have function scope and shadow any globally declared variables with the same name.

(I'm confident that experienced JavaScript developers can identify many nuances in other responses. Specifically, I came across this page to grasp the precise meaning of this at any point. I hope this more introductory link will be sufficient for you to get started.)