04.md

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 var:

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

A esto se lo conoce como declarar una variable.

Así como los valores, las variables pueden ser mostradas en la terminal usando console.log. Veamos que valor tiene nuestra variable miNumeroFavorito.

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

// La muestro en la terminal. Deberías ver `undefined`
console.log(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`
var miNumeroFavorito;

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

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

// Muestro su valor por la terminal. Deberías ver 123
console.log(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
var miColorFavorito = 'Amarillo patito';

// Deberías ver 'Amarillo patito' en la terminal
console.log(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.

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

console.log(mensaje); // Lo muestro por la terminal. Deberías ver "Hola mundo!"

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 por la terminal.
2. Declarar una variable de nombre soyHumano y asignarle el valor true (verdadero). Mostrar el valor de la variable por la terminal.
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 por la terminal.
4. Mostrar por la terminal los siguientes valores false, 'Hola', 0 y 'Minions' usando la misma variable.

Respuestas

Continuar con Operadores