JS: Scope en Javascript

El scope es el ámbito donde una variable o sentencias pueden ser accedidas, recordemos que javascript cuenta con un global scope donde se declaran elementos comunes y el local scope que es dentro cualquier bloque javascript. 

En javascript cualquier bloque crea un local scope, incluye estructuras de control y métodos. 

Para entenderlo vamos a realizar unos ejemplos.

'use strict'
var variable = 1

function local(){ // Acá un bloque javascript
var variable = 5; // Se declara una variable local
console.log(variable) // Se imprime la variable local
}

local() // Se llama a la función con una variable local

console.log(variable) // se imprime la variable global

//Output:  5
//         1
  

Sin embargo si no crea la variable localmente y solo se declara el nombre utilizará la variable global, como en el siguiente ejemplo. 

'use strict'
var variable = 1

function local(){ // Acá un bloque javascript
variable = 5; // NO se declara la variable
console.log(variable) // Se imprime la variable
}

local() // Se llama a la función que no declara la variable local

console.log(variable) // se imprime la variable global

//Output:  5
//         5
  

Esta misma lógica aplica para bloques if/else, buqles for, while entre otros. 

Es importante conocer el comportamiento de los scope de javascript al programar, más aún si se trabaja con múltiples archivos independientes con variables globales. Con el uso de la sentencia use strinct, no evitaremos muchos comportamientos de javascript y nos alertará de muchas situaciones que puede pasar por alto.