Variables

Una variable es una referencia a un valor (Suena difícil, ¿no? 🤔. Pero tranqui, no lo es).

Pensemos a una variable como si fuera una caja. A esta caja le vamos a poner un nombre que nos va a permitir acceder a ella cuando lo necesitemos.

Para decirle a JavaScript que vamos a declarar una variable, lo hacemos escribiendo la palabra let:

// Oye, JavaScript, necesito que crees una cajita llamada `miNumeroFavorito`
let miNumeroFavorito;

A esto se lo conoce como declarar una variable.

Así como los valores, las variables pueden ser mostradas en la ventana usando alert(). Veamos que valor tiene nuestra variable miNumeroFavorito.

// Declaro una variable llamada `miNumeroFavorito`
let miNumeroFavorito;

// La muestro en la ventana. Deberías ver `undefined`
alert(miNumeroFavorito);

undefined: mi variable todavía no tiene valor

undefined es el valor que JavaScript le pone por defecto a las variables. ¿Te acordás cuando al principio de esta explicación te contamos que una variable es una referencia a un valor? Bueno, como no le dijimos a JavaScript que valor poner dentro de nuesta caja, él puso uno por nosotros. Ese valor es undefined.

undefined es un tipo de dato en JavaScript.

Para poner un valor dentro de nuestra caja, usamos el operador de asignación que se escribe con el signo = (igual).

// Declaro una variable llamada `miNumeroFavorito`
let miNumeroFavorito;

// Deberías ver `undefined` porque todavía no le pusimos ningún valor
alert(miNumeroFavorito);

// Asigno el número 123 a mi variable
miNumeroFavorito = 123;

// Muestro su valor en la ventana. Deberías ver 123
alert(miNumeroFavorito);

A esto se lo conoce como asignar una variable

A una variable le podemos asignar el valor que más nos guste: un número, una cadena de caracteres o un booleano (los únicos tipos de datos que conocemos por el momento).

Tanto la declaración como la asignación, la podemos hacer al mismo tiempo, aunque conceptualmente sean 2 instrucciones separadas.

// Declaro la variable `miColorFavorito`
// Le asigno 'Amarillo patito' como valor
let miColorFavorito = 'Amarillo patito';

// Deberías ver 'Amarillo patito' en la ventana
alert(miColorFavorito);

Nos queda un detalle más por explorar. Cambiar el valor de una variable (Para hacerle honor a su nombre 😂). Podemos cambiar el valor de una variable en cualquier momento y no necesariamente por el mismo tipo de dato. Una variable puede valer el número 2017 en un momento y el string Hola mundo! en otro.

let mensaje = 2017; // Declaro y asigno la variable mensaje
mensaje = 'Hola mundo!'; // Cambio su valor

alert(mensaje); // Lo muestro en la ventana. Deberías ver "Hola mundo!"

Ahora que ya sabemos como declarar una variable utilizando la palabra reservada let veamos como utilizar const.

const nos permite asignar valores a una variable y que esta no cambie, como su nombre lo indica son constantes, veamos un ejemplo:

const miNombre = 'Vader'; // Declaro y asigno un valor a mi constante
miNombre = 'Anakin'; // Cambio el valor de la constante

alert(miNombre); // Imprimo la varible miEdad

Vemos que obtenemos un error ya que estamos intentando asignar otro a valor a una constante.

Tips

• Siempre que sea posible, declará tus variables al principio de tus programas.

• Siempre que sea posible, asigná un valor a tus variables al momento de declararlas, para evitar que tengan como valor undefined cuando quieras usarlas.

• Usá nombres significativos. Para JavaScript es lo mismo si tu variable se llama n, numero o miNumeroFavorito. Tiene que tener sentido para vos que vas a escribir el código 1 vez pero leerlo 100 veces.

• Intentá no cambiar el tipo de dato de tus variables. Si la vas a usar para guardar un número, intentá que siempre tenga un número.

• Creá tantas variables como necesites. No hay un límite.

Ejercicios

1. Declarar una variable de nombre cantidadDeVentanasEnMiCasa y asignarle la cantidad de ventanas que hay en tu casa. Mostrar el valor de la variable en la ventana.

2. Declarar una variable de nombre soyHumano y asignarle el valor true (verdadero). Mostrar el valor de la variable en la ventana.

3. Declarar una variable de nombre miGustoDePizzaPreferido y asignarle la variedad de pizza que más te guste usando un string (cadena de caracteres). Mostrar el valor de la variable en la ventana.

4. Mostrar en la ventana, de a uno por vez, los siguientes valores false, 'Hola', 0 y 'Minions' usando la misma variable.

Respuestas

Continuar con Operadores