Saltar al contenido principal

Declaración de variables

En este apartado comenzaremos a trabajar con los elementos básicos del lenguaje: aprenderemos qué son las variables, cómo almacenar información, qué diferencias existen entre let, const y var, qué tipos de datos existen, cómo utilizar operadores y cómo convertir valores de un tipo a otro.

Al finalizar este tema serás capaz de almacenar datos, realizar operaciones sencillas y comprender cómo JavaScript interpreta los distintos valores.

Variables

Uno de los conceptos más importantes de cualquier lenguaje de programación son las variables.

Una variable es un espacio donde podemos guardar información para utilizarla más adelante.

Podemos imaginar una variable como una caja con una etiqueta.

┌──────────────┐
│ nombre      │
├──────────────┤
│ "Jose "     │
└──────────────┘

En JavaScript podemos guardar prácticamente cualquier tipo de dato dentro de una variable: números, texto, valores lógicos e incluso objetos más complejos.

Por ejemplo:

let nombre = "Ana";
let edad = 25;
let esProfesor = true;

Declarar una variable

Para crear una variable utilizamos una palabra reservada seguida del nombre de la variable.

Actualmente existen tres formas de hacerlo:

  • let
  • const
  • var

Aunque las tres funcionan, no todas se utilizan hoy en día.

let​

let es la forma recomendada para declarar variables cuyo valor puede cambiar durante la ejecución del programa.

// Declara variable
let nombre = "Ana";

// Cambia el valor de la variable
nombre = "Pedro";

// Muestra por consola el valor de la variable
console.log(nombre);

Resultado mostrado en consola:

Pedro

Como vemos, podemos modificar su contenido tantas veces como queramos. Hemos de tener en cuenta que cada variable solo se declara una vez, es decir, el resto de interacciones con esa variable ya no llevan el let.

// BIEN ✅
let nombre = "Ana";
nombre = "Pedro";


// MAL ❌
let nombre = "Ana";
let nombre = "Pedro";

const​

const se utiliza para declarar una constante.

Una constante es un valor que no puede volver a asignarse después de su creación.

const PI = 3.1416;

Si intentamos cambiar su valor obtenemos un error.

const PI = 3.1416;

PI = 4;
TypeError

Buenas prácticas​

Es recomendable utilizar const siempre que el valor no vaya a cambiar.

Por ejemplo:

const IVA = 21;
const PAIS = "España";
const DIAS_SEMANA = 7;

Muchos equipos escriben las constantes completamente en mayúsculas cuando representan valores fijos de configuración.

const MAX_INTENTOS = 3;
const IVA = 21;

Sin embargo, cuando una constante almacena un objeto o un valor habitual también es frecuente utilizar camelCase.

const usuario = "Ana";

Ambos estilos son correctos dependiendo del proyecto.

var​

Antes de 2015 JavaScript solo permitía declarar variables utilizando var.

var edad = 20;

Hoy en día sigue funcionando por compatibilidad con código antiguo, pero no se recomienda utilizarla en proyectos nuevos.

Esto se debe a que tiene un comportamiento diferente respecto a let y puede provocar errores difíciles de detectar.

Por ese motivo, la mayoría del código moderno utiliza únicamente let y const.

¿Qué diferencia hay entre let, const y var?

Palabra¿Puede cambiar?¿Se recomienda?
letSí✅ Sí
constNo✅ Sí
varSí❌ No

La regla más sencilla para empezar a programar es:

  1. Usa const por defecto.
  2. Si necesitas modificar el valor, cambia a let.
  3. Evita utilizar var.

Nombrando variables

Elegir buenos nombres hace que el código sea mucho más fácil de leer.

Buenos ejemplos:

let nombre;
let apellido;
let edad;
let precioTotal;
let numeroAlumnos;

Malos ejemplos:

let a;
let dato;
let x1;
let prueba;

Una variable debe describir claramente qué información almacena.

Reglas para nombrar variables

La sintaxis de una variable es la siguiente:

  • Declaración de variable sin valor asociado: let variable;
let nombre;
  • Declaración de variable con valor asociado: let variable = valor;
let nombre = "Eric";
  • Cambio posterior a la declaración del valor: variable = valor;
nombre = "Ivan";

Los nombres de las variables deben seguir algunas normas:

  • Pueden contener letras.
let nombre;
  • Pueden contener números (pero no empezar por ellos).
let usuario1;  // ✅ Correcto

let 1usuario;  // ❌ Incorrecto
  • Pueden contener $ y _.
let precio_final; // ✅ Correcto
let $total; // ✅ Correcto

No pueden contener espacios.

let mi nombre; // ❌ Incorrecto

Tampoco pueden utilizar palabras reservadas del lenguaje.

let class; // ❌ Incorrecto
let function; // ❌ Incorrecto
let if; // ❌ Incorrecto

Buenas prácticas

Utiliza nombres descriptivos.

let edadAlumno;
let numeroVentas;
let totalCompra;

Evita abreviaturas innecesarias.

let n;
let p;
let xx;

Utiliza camelCase, que consiste en escribir la primera palabra en minúsculas y comenzar las siguientes con mayúscula.

let numeroDeAlumnos;
let precioFinal;
let fechaNacimiento;

Resumen

En JavaScript moderno:

  • const es la opción por defecto.
  • let se utiliza cuando el valor cambia.
  • var solo aparece en código antiguo.

Elegir correctamente entre let y const hace que nuestro código sea más seguro y fácil de entender.

Ejercicios

Ejercicio 1​

Declara una variable llamada nombre utilizando let y asígnale tu nombre.

Después cambia su valor por otro diferente.

Ejercicio 2​

Declara una constante llamada PI con el valor 3.1416.

¿Qué ocurre si intentas cambiar su valor?

Ejercicio 3​

Crea las siguientes variables utilizando la palabra adecuada (let o const):

  • Tu edad.
  • El nombre de tu ciudad.
  • El número de vidas de un videojuego que va disminuyendo.
  • El porcentaje de IVA.

Ejercicio 4​

Indica cuáles de estos nombres de variables son válidos.

let edad;
let nombreCompleto;
let 2usuarios;
let precio_final;
let class;
let alumno1;

Ejercicio 5​

Corrige los siguientes nombres para que sean más descriptivos.

let a;
let x;
let dato;
let prueba;