En el desarrollo con JavaScript, las variables actúan como contenedores lógicos que nos permiten almacenar y manipular datos en la memoria del ordenador. Fundamentalmente, una variable es un identificador o nombre que vinculamos a un valor específico, facilitando la reutilización de dicha información a lo largo del programa.
<script>
// Asignación de valores a identificadores
let primerValor = 10;
let segundoValor = 20;
// Ejemplo práctico: Captura y visualización de datos
// Guardamos la entrada del usuario en la variable 'entradaUsuario'
let entradaUsuario = prompt('Por favor, ingresa un dato:');
// Recuperamos el contenido del contenedor para mostrarlo
console.log(entradaUsuario);
alert("El dato ingresado es: " + entradaUsuario);
</script>
1. Declaración de Variables
Declarar una variable consiste en informar al intérprete de JavaScript sobre la existencia de un nuevo identificador. Para ello, utilizamos la palabra reservada let.
Anteriormente, se utilizaba la palabra clave var, pero en los estándares modernos se prefiere let debido a que ofrece un comportamiento más predecible y seguro. Algunas de sus características principales son:
- No permite la redescubrimiento: No puedes declarar dos veces la misma variable en el mismo ámbito.
- Ámbito de bloque: La variable solo existe dentro del bloque de código donde fue creada.
- Inicialización flexible: Es posible declarar una variable y asignarle un valor en el mismo paso o posteriormente.
2. Asignación y Sintaxis
El proceso de colocar datos dentro de una variable se denomina asignación. Podemos realizar declaraciones múltiples en una sola línea o definir valores inmediatamente al declarar.
<script>
// 1. Declaración simple
let nivelUsuario;
// Asignación posterior
nivelUsuario = 5;
// 2. Declaración e inicialización simultánea
let mensajeBienvenida = "Hola, bienvenido al sistema";
// 3. Declaración múltiple
let nombre = "Sofía", edad = 25, activo = true;
document.write(mensajeBienvenida + " " + nombre);
</script>
3. Reglas para Identificadores
Al nombrar variables, existen restricciones técnicas y convenciones de estilo que garantizan la legibilidad del código:
- Los nombres pueden contener letras, números, guiones bajos (
_) y el signo de dólar ($). - Un nombre de variable nunca debe comenzar con un número.
- JavaScript distingue entre mayúsculas y minúsculas (
puntosyPuntosson variables distintas). - No se pueden usar palabras reservadas del lenguaje (como
if,while,function). - Se recomienda el uso de lowerCamelCase para nombres compuestos (ejemplo:
fechaNacimiento,totalCarrito).
4. Constantes con const
Cuando necesitamos almacenar un dato que no debe cambiar durante la ejecución del script, utilizamos const. A diferencia de let, una constante es inmutable tras su asignación inicial.
// Definición de una constante
const TASA_IVA = 0.21;
const URL_API = "https://api.ejemplo.com/v1";
// Esto generaría un error, ya que no se puede reasignar una constante
// TASA_IVA = 0.15;
Es obligatorio inicializar una constante al momento de su declaración; de lo contrario, el motor de JavaScript lanzará un error de sintaxis. El uso de constantes mejora la mantenibilidad del código al prevenir modificaciones accidentales de valores críticos.