logo ECMAScript

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

imagen de la consola imprimiendo sel saludo "Hola"
Al escribir saludo nos indicará el valor de la variable

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

consola  imprimiendo valores de windows en consola chrome
Si desplegamos windows veremos todas las propiedades del objeto global 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.

0 Comentarios

Contesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

CONTACTARME

Ahora mismo no estoy por aquí. Sí desea ponerse en contacto conmigo puede rellenar este formulario y me pondré en contacto contigo lo antes posible.

Enviando

©[2017] Danny Pid Todos los Derechos Reservados Dannyth Pid

Inicia Sesión con tu Usuario y Contraseña

¿Olvidó sus datos?