Variables

Resumen Rápido

Las variables son contenedores con nombre para datos. En JavaScript, usa const para valores que no deben reasignarse y let para valores que cambiarán. Inicializa las variables cuando las declaras para evitar undefined, y elige nombres claros y descriptivos para que tu código se lea como una oración. La mayoría del tiempo, usa const por defecto y cambia a let solo cuando se requiera reasignación.

Entendiendo las Variables

Piensa en una variable como una caja etiquetada que contiene información. La etiqueta (nombre de la variable) te ayuda a encontrar y usar la información después.

Declarando Variables

JavaScript ofrece tres formas de declarar variables:

const - Para valores que no cambiarán (enlace inmutable):

const PI = 3.14159;
const apiUrl = "https://api.example.com";
const maxRetries = 3;

let - Para valores que cambiarán:

let score = 0;
let currentUser = null;
let isLoading = true;

var - La forma antigua (evitar en código moderno):

var oldStyleVariable = "not recommended";

Convenciones de Nombres

Los buenos nombres de variables hacen que el código se auto-documente:

| Malo | Bueno | Por qué | |------|-------|---------| | x | userAge | Descriptivo | | data | productList | Específico | | temp | previousValue | Significativo | | flag | isAuthenticated | Intención clara |

Convención camelCase

JavaScript usa camelCase para nombres de variables:

Primera palabra en minúsculas, palabras subsiguientes en mayúsculas
firstName, totalAmount, isUserLoggedIn

Árbol de Decisión: const vs let

¿Este valor necesitará cambiar alguna vez?
- No → Usa const
- Sí → Usa let
Usa const por defecto — previene reasignaciones accidentales y señala intención

Pruébalo Tú Mismo

Aquí tienes un ejemplo práctico que puedes probar. Copia este código y ejecútalo en la consola de tu navegador (presiona F12 para abrir las herramientas de desarrollo) o en el Playground de Código.

// Use const for values that won't change const appName = "TaskManager"; const maxFileSize = 5 * 1024 * 1024; // 5MB in bytes // Use let for values that will change let currentStep = 1; let userInput = ""; let isFormValid = false; // Variables can be reassigned with let currentStep = 2; isFormValid = true; // But const prevents reassignment // appName = "NewName"; // Error! // Initialize with meaningful defaults let items = []; let errorMessage = null; let retryCount = 0;