Crear variables

En esta lección aprenderás desde cero a declarar variables en JavaScript, entenderás la diferencia entre let y const y podrás usarlas correctamente en tu propio código. Está pensada para quien ha buscado «tutorial de variables en JavaScript», así que empezamos por lo básico.

Una variable es como una «caja» que guarda un valor bajo un nombre. En JavaScript declaras una variable con let o const. let nombre = valor; crea una variable cuyo valor puedes cambiar después, mientras que const nombre = valor; crea una variable cuyo valor asignado no se puede cambiar nunca (una constante). Una buena regla para empezar es «usa let para valores que puedan cambiar y const para los que no»; en proyectos reales, el estilo recomendado es «empieza siempre con const y cambia a let solo cuando de verdad necesites reasignar».

El código de ejemplo declara dos variables, let nombre y const edad, y las muestra con console.log(). Unir cadenas con + ("Hola, " + nombre + "!") es la técnica básica para combinar varios textos y valores en un mismo mensaje. Fíjate en que, al concatenar una variable numérica (edad) con una cadena, se convierte automáticamente en texto: esto resulta útil más adelante al combinar variables con condicionales y bucles.

Un tropiezo habitual al empezar es reasignar una variable declarada con const y encontrarse con el error «Assignment to constant variable». Ocurre porque intentas sobrescribir una variable que prometiste no cambiar; una vez entiendes la causa, no tiene ningún misterio. Otros fallos frecuentes son usar una variable antes de declararla o declarar dos veces el mismo nombre con let: ambos provocan error.

En el desarrollo real, todo tipo de información —lo que escribe el usuario, los datos que llegan de una API— se guarda primero en una variable antes de procesarla. Los valores que se reutilizan en varios sitios de la pantalla, como el nombre del usuario que ha iniciado sesión o el total del carrito, se gestionan normalmente como variables. Cómo declaras y nombras las variables influye directamente en lo legible y mantenible que resulta tu código, y por eso se cuida incluso en las revisiones de código.

El nombre también importa: elegir uno como nombreUsuario o precioTotal, que insinúe su contenido, en lugar de una sola letra como n, es muy recomendable en código real. Unos nombres claros marcan una diferencia enorme en la rapidez con la que alguien (tú incluido, meses después) entiende el código.