Variables Javascript

Hola a todos, hoy os voy a explicar como declarar y usar variables en JavaScript.

Declarar variables significa indicar el tipo de dato que almacenara las variables que participan en el programa.

En JavaScript, no tenemos tipado, es decir, no existe el tipo numero o tipo cadena, el tipo lo obtiene según el valor que tiene en el momento. Por ejemplo, yo puedo tener una variable con un valor numérico y si le metemos una cadena, esta cambia su tipo automáticamente.

Antes de empezar a ver ejemplos, quiero explicaros que es el ámbito o scope, esto es que cada bloque que abramos (if, for, while, etc) crea su propio scope y esto hace que según declaremos la variable este disponible o no.


// Scope 1

if(true){
    // Scope 2

    let index=0;
    while(index < 3){
        // Scope 3
        index++;
    }

}else{
    // Scope 4
}


Podemos crear variables de 3 formas diferentes:

Var

Var nos sirve para crear variables globales dentro del ámbito creado, al salir fuera del scope, seguirá con valor. Veamos algunos ejemplos:


var valor = 1;

if(valor > 0){
    var valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

Este es el resultado que da:

Probemos con este ejemplo:


// var valor = 1;

if(1 > 0){
    var valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

Da el mismo resultado de antes, ya que al definirse se puede usar en cualquier scope.

LET

Let nos permite crear variables locales, esto quiere decir que solo estará disponible en el scope donde se cree, fuera de este ya no estará disponible. Siempre recomiendo utilizar let antes que var.

La diferencia entre let y var es el tema del scope. Lo vemos en los ejemplos.

Veamos el mismo ejemplo de antes:


let valor = 1;

if(valor > 0){
    let valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

En este caso, dentro de cada scope, tiene un valor diferente, en caso de que no existiera let valor = 2; dará el mismo valor en ambos.

En el segundo caso:


// let valor = 1;

if(1 > 0){
    let valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

Aquí da error, porque fuera del scope del if, no existe valor.

CONST

Const es como let, solo que no puede modificarse el valor despues de declararse. Se usa para crear constantes.


const valor = 1;

if(1 > 0){
    const valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

El resultado es:

Seguro que has pensado que daría error al decir que no puede cambiar su valor, pero piensa que estamos en otro scope y he declarado la variable de nuevo. Veamos un caso parecido:


const valor = 1;

if(1 > 0){
    valor = 2;
    console.log("Dentro del if: ", valor);

}

console.log("Fuera del if: ", valor);

Aquí si daría error al intentar cambiar el valor de la variable valor.

Espero que os sea de ayuda. Si tenéis dudas, preguntad estamos para ayudarte.

Etiquetas

Deja un comentario

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