Declarando variables Var y Let
ÁMBITO DE LAS VARIABLES
Declarando variables Var y Let. En JavaScript el ámbito de las variables es llamado SCOPE, y tiene varias formas de ser declarado. Dependiendo del lugar donde se instancia la variable, o dependiendo si utilizas Var o Let.
El ámbito no es más que el lugar de vida que tiene esa variable, por ejemplo, si una una variable se declara dentro de un bucle FOR, el ciclo de vida de esa variable será únicamente dentro del FOR, por tanto, fuera de ese FOR esa variable no tendrá ningún valor.
JavaScript por tanto, define dos tipos diferentes de declarar las variable.
Global y Función
PRIMERAS PRUEBAS
Abrimos el archivo que anteriormente hemos creado, app.js. Este archivo se debe encontrar vacío.
En primer lugar, vamos a crear una variable de forma normal.
Var saludo = "Hola";
Recuerda grabar los cambios. Si estás utilizando Visual Studio Code puedes pulsar Ctrl + S.
A continuación, abrimos el navegador y ejecutamos index.html anteriormente creado. No veremos nada en pantalla porque la variable no se ha imprimido ni sacado por consola.
Abriremos el inspector del navegador para ver que nos ofrece. Y escribimos: > saludo
En este caso , la variable se ha creado en un ámbito GLOBAL, ya que la variable no está dentro de ninguna función.
Nuestro objeto global es Windows, que es el que contiene todo el código. Si ahora escribimos en la consola: > window
Nos aparecerán todas las propiedades del objeto. Si buscamos entre todas las propiedades veremos que también está la variable que hemos creado.
Recuerda que siempre debes declarar la variable antes de utilizarla. Si por el contrario, primero utilizas la variable y después la declaras, ocurrirá que no da error, pero por defecto le asignará undifined.
En otro caso, si utilizas una variable sin declarar en ningún sitio del código, dará un error en la consola.
Esto que acabo de mencionar es solo para ámbito de VAR.
Para LET ocurriría algo diferente, en el mismo caso, si declaramos la variable después de utilizarla, al no ser global dará un error directo en la consola.
El ámbito de LET es solo dentro del bloque donde se ha declarado. Veamos un ejemplo.
if (true) {
let saludo = "Hola";
}
console.log ("Variable" , saludo) ;
Como vemos en el ejemplo, la consola del navegador arrojará un error. Ya que la variable solo tiene un tiempo de vida dentro del bloque IF. Al imprimirla por consola esta ya no existe produciendo el error.
En cambio, si la variable es declara de forma global, comprobaremos que fuera del bloque donde se ha declarado sigue existiendo.
if (true) {
var saludo = "Hola";
}
console.log ("Variable" , saludo) ;
Cuando la variable se ha creado utilizando LET debe saber que no podrá declarar una nueva variable con el mismo nombre dentro del mismo bloque o ciclo de vida.
En cambio, si la variable la hemos declarado con VAR, podrá ser nuevamente declarada dentro de un bloque.
Continuamos en el siguiente artículo. Declaración de Constantes.
