Variables: let y const

Una variable es un nombre para un valor. Después de let score = 10, la palabra score representa 10 hasta que le des otra cosa.

Ponerle nombre a un valor para volver a usarlo

Hasta ahora, cada valor se escribía directamente en console.log y luego se olvidaba. Los programas reales necesitan recordar cosas: la puntuación del jugador, los artículos de una canasta, el nombre que alguien escribió. Una variable es una caja con nombre que guarda un valor. La creas una vez y luego usas su nombre donde necesites el valor.

let score = 10;
console.log(score);        // muestra 10
console.log(score + 5);    // muestra 15

La línea let score = 10; hace dos cosas. La palabra clave let declara una variable nueva llamada score, y = 10 pone en ella el valor 10. Aquí el signo igual no significa "es igual a", como en matemáticas. Significa "guarda el valor de la derecha en el nombre de la izquierda". Los programadores lo llaman asignación. Cuando score aparece después sin comillas, JavaScript busca la caja y usa el valor que contiene.

Cambiar un valor con let

A una variable declarada con let se le puede dar un valor nuevo más adelante. Escribes el nombre, un signo igual y el valor nuevo, esta vez sin let, porque la variable ya existe:

let score = 10;
score = 25;
console.log(score);        // muestra 25
score = score + 5;
console.log(score);        // muestra 30

La línea score = score + 5; parece imposible en matemáticas, pero léela como una instrucción y tiene sentido. JavaScript evalúa primero el lado derecho, la puntuación actual más 5, que es 30. Luego guarda 30 de nuevo en score. El valor anterior desaparece. Este patrón, leer una variable y guardar en ella un valor actualizado, es la forma en que los programas cuentan, suman totales y siguen cualquier cosa que cambie.

const para los valores que no cambian

La palabra clave const también declara una variable, pero hay que darle un valor de inmediato y nunca se le puede asignar otro. Intentarlo detiene el programa con TypeError: Assignment to constant variable. Ese error es útil. Si un valor no debe cambiar, como el número de días de una semana o una tasa de impuesto, declararlo con const significa que un error en otra parte del programa no puede sobrescribirlo sin que nadie lo note.

const daysInWeek = 7;
console.log(daysInWeek * 4);   // muestra 28
// daysInWeek = 8;  se detendría con un TypeError

Un buen hábito, que recomiendan muchas guías de estilo, es usar const por defecto y pasar a let solo cuando sabes que el valor va a cambiar. En el código de la web también puedes ver la palabra clave más antigua var. Sigue funcionando, pero obedece reglas más laxas que causan errores sorprendentes, así que este curso usa solo let y const.

Reglas para los nombres

Un nombre de variable puede tener letras, dígitos, el guion bajo _ y el signo de dólar $, pero no puede empezar con un dígito ni tener espacios. Así, total2 está bien y 2total no. Los nombres distinguen mayúsculas de minúsculas: score y Score son dos variables distintas. Unas pocas palabras como let, const, if y for están reservadas por el lenguaje y no se pueden usar como nombres. Cuando un nombre está formado por varias palabras, los programadores de JavaScript suelen escribirlo en camelCase: la primera palabra en minúsculas y cada palabra siguiente empezando con mayúscula, como en totalPrice o daysInWeek. Elige nombres que digan qué significa el valor; price le dice a quien lee mucho más que x.

Declarada pero vacía, y usada demasiado pronto

Si escribes let answer; sin valor, la variable existe pero contiene undefined hasta que le asignes algo. Usar una variable let o const en una línea anterior a su declaración es un error: ReferenceError: Cannot access 'answer' before initialization. Usar un nombre que nunca se declaró da ReferenceError: answer is not defined. En la práctica, los dos mensajes significan lo mismo: revisa la ortografía y comprueba que la declaración vaya primero.