Principiantejavascript
Variables: var, let y const
Comprende las diferencias entre las tres formas de declarar variables en JavaScript y cuando usar cada una.
Que es una variable
Una variable es un contenedor con nombre que almacena un valor en memoria. En JavaScript podemos declarar variables de tres formas distintas: var, let y const. Cada una tiene un comportamiento y alcance (scope) diferente que es fundamental comprender.
var: La declaracion clasica
La palabra reservada
var fue la primera forma de declarar variables en JavaScript. Tiene alcance de funcion (function scope), lo que significa que una variable declarada con var dentro de un bloque if o for sigue siendo accesible fuera de ese bloque. Ademas, las variables var son "elevadas" (hoisted) al inicio de su contexto.javascript
1function ejemplo() {
2 console.log(x); // undefined (hoisting)
3 var x = 10;
4 if (true) {
5 var y = 20; // Accesible fuera del if
6 }
7 console.log(y); // 20
8}
9ejemplo();let: Variables con alcance de bloque
Introducida en ES6 (2015),
let permite declarar variables con alcance de bloque (block scope). Solo es accesible dentro del bloque {} donde fue declarada. Intentar acceder antes de su declaracion provoca un ReferenceError (zona muerta temporal).javascript
1function ejemplo() {
2 // console.log(x); // ReferenceError!
3 let x = 10;
4 if (true) {
5 let y = 20;
6 console.log(y); // 20
7 }
8 // console.log(y); // ReferenceError!
9}
10ejemplo();const: Constantes inmutables
Al igual que
let, const tiene alcance de bloque. La diferencia clave es que no permite la reasignacion despues de la inicializacion. Sin embargo, si el valor es un objeto o un array, sus propiedades internas si se pueden modificar.javascript
1const PI = 3.14159;
2// PI = 3; // TypeError: Assignment to constant variable
3
4const usuario = { nombre: "Ana" };
5usuario.nombre = "Luis"; // Esto SI funciona
6console.log(usuario.nombre); // "Luis"Buenas practicas
La regla general en JavaScript moderno es:
- Usa const por defecto para todo.
- Usa let solo cuando necesites reasignar el valor.
- Nunca uses
var en codigo moderno.
Esta convencion hace tu codigo mas predecible, previene bugs relacionados con el hoisting y facilita la lectura.Prueba lo aprendido
Escribe código JavaScript y ejecútalo directamente en el navegador.
Editor de Códigojavascript
1function ejemplo() {
2 console.log(x); // undefined (hoisting)
3 var x = 10;
4 if (true) {
5 var y = 20; // Accesible fuera del if
6 }
7 console.log(y); // 20
8}
9ejemplo();