Cuando comenzamos a programar en JavaScript, uno de los primeros conceptos que debemos entender son las variables. Una variable es como una caja donde podemos guardar información para usarla más adelante.

Qué es una variable en JavaScript

Una variable es un espacio de memoria que almacena un valor.
Por ejemplo, si queremos guardar el nombre de una persona, podemos hacerlo así:

let nombre = "Sofía";
console.log(nombre); // Muestra: Sofía

let nombre = "Sofía";
console.log(nombre); // Muestra: Sofía

En este ejemplo, nombre es la variable y "Sofía" es el valor que almacena.
Podemos imaginarlo como una etiqueta que apunta a un dato en la memoria del programa.

Cómo declarar una variable

En JavaScript podemos declarar variables con tres palabras clave:

• var (forma antigua)
• let
• const

Cada una tiene sus características y comportamientos, pero en la actualidad se recomienda usar solo let y const.

Ejemplo básico

let ciudad = "Monterrey";
const pais = "México";

console.log(ciudad); // Monterrey
console.log(pais);   // México

let ciudad = "Monterrey";
const pais = "México";

console.log(ciudad); // Monterrey
console.log(pais);   // México

Diferencias entre var, let y const

var — la forma antigua

var fue la primera forma de declarar variables en JavaScript, pero tiene varios problemas relacionados con el alcance (scope) y el redeclaro de variables.

var edad = 25;
var edad = 30; // Esto es válido con var

console.log(edad); // 30

var edad = 25;
var edad = 30; // Esto es válido con var

console.log(edad); // 30

Aunque parezca inofensivo, este comportamiento puede causar errores difíciles de detectar en programas más grandes. Por eso, ya no se recomienda usar var en proyectos modernos.

let — variable moderna y flexible

let permite crear variables que pueden cambiar su valor durante la ejecución del programa, pero no pueden volver a declararse con el mismo nombre dentro del mismo bloque.

let color = "azul";
color = "rojo"; // Se puede reasignar
console.log(color); // rojo

let color = "azul";
color = "rojo"; // Se puede reasignar
console.log(color); // rojo

const — variable constante

const se usa cuando sabemos que el valor no debe cambiar.
Es ideal para datos fijos como nombres de países, configuraciones, o claves que no deben modificarse.

const PI = 3.1416;
console.log(PI); // 3.1416

// PI = 3.14; ❌ Esto generará un error

const PI = 3.1416;
console.log(PI); // 3.1416

// PI = 3.14; ❌ Esto generará un error

Tipos de datos que pueden almacenar las variables

En JavaScript, una variable puede almacenar distintos tipos de datos. Los más comunes son:

let nombre = "Sofía";      // String (cadena de texto)
let edad = 25;             // Number
let esEstudiante = true;   // Boolean
let ciudad;                // Undefined (sin valor asignado)
let valorNulo = null;      // Null

let nombre = "Sofía";      // String (cadena de texto)
let edad = 25;             // Number
let esEstudiante = true;   // Boolean
let ciudad;                // Undefined (sin valor asignado)
let valorNulo = null;      // Null

También existen tipos más complejos como objetos o arrays, que veremos más adelante en el curso.

Alcance (scope) de las variables

El scope define dónde una variable es accesible dentro del código.

En JavaScript existen dos tipos principales de alcance:

1. Alcance global

Una variable tiene alcance global cuando se declara fuera de cualquier bloque {}.
Esto significa que puede ser usada desde cualquier parte del código.

let mensaje = "Hola desde el ámbito global";

console.log(mensaje); // Accesible aquí

let mensaje = "Hola desde el ámbito global";

console.log(mensaje); // Accesible aquí

2. Alcance de bloque

Cuando usamos let o const dentro de un bloque (por ejemplo, dentro de una estructura if), la variable solo existe dentro de ese bloque.

if (true) {
  let saludo = "Hola mundo";
  console.log(saludo); // Funciona aquí
}

console.log(saludo); // ❌ Error: saludo no está definido

if (true) {
  let saludo = "Hola mundo";
  console.log(saludo); // Funciona aquí
}

console.log(saludo); // ❌ Error: saludo no está definido

En cambio, si usáramos var, la variable sí estaría disponible fuera del bloque, lo cual puede provocar errores:

if (true) {
  var saludo = "Hola mundo";
}

console.log(saludo); // ✅ "Hola mundo"

if (true) {
  var saludo = "Hola mundo";
}

console.log(saludo); // ✅ "Hola mundo"

Por este motivo, let y const son más seguras, ya que evitan este tipo de comportamientos inesperados.

Hoisting: otra razón para no usar var

En JavaScript, las variables declaradas con var se elevan (hoisting) al inicio del código, aunque no se les asigne valor todavía.
Esto significa que pueden ser usadas antes de ser declaradas, lo que puede causar confusión.

console.log(saludo); // undefined
var saludo = "Hola";

console.log(saludo); // undefined
var saludo = "Hola";

Mientras que con let y const, JavaScript no permite usarlas antes de declararlas:

console.log(saludo); // ❌ ReferenceError
let saludo = "Hola";

console.log(saludo); // ❌ ReferenceError
let saludo = "Hola";

Este comportamiento hace que el código con let y const sea más predecible y fácil de depurar.

Buenas prácticas al usar variables

1. Usa const por defecto, y let solo si el valor va a cambiar.
2. Evita var en proyectos nuevos.
3. Usa nombres descriptivos: let precioProducto = 150; const TASA_IVA = 0.16;
4. Declara las variables al inicio de tu bloque o script para mantener el código organizado.
5. Mantén el scope lo más limitado posible: evita variables globales innecesarias.

Conclusión

Las variables son la base de todo programa en JavaScript.
Entender cómo se declaran, cómo se comportan según su alcance y cuándo usar let o const es fundamental para evitar errores comunes y escribir código limpio.

Hoy en día, let y const son el estándar moderno, mientras que var ha quedado como una forma obsoleta de declarar variables.
Adoptar las buenas prácticas desde el principio te ayudará a desarrollar proyectos más seguros y mantenibles.

Referencias

• MDN Web Docs – Variables
• ECMAScript 6 – let y const
• W3Schools – JavaScript Variables