Variables

Una parte verdaderamente esencial de la programación, son las variables. Piense en ellos como espacios de almacenamiento, donde se puede guardar una pieza de información, como un número, una fecha o un trozo de texto, para su uso posterior. No llegarías lejos sin esta habilidad, y por supuesto las variables también se pueden usar en JavaScript.

Una variable se declara usando la palabra clave let o, si eres un desarrollador JavaScript de la vieja escuela como yo, con la palabra clave var. Ambos pueden ser usados, pero hay pequeñas diferencias, que discutiremos más adelante - por ahora, solo quédate con la nueva versión llamada let.

La declaración de una variable consiste en la palabra clave let, seguida del nombre de la variable (puedes decidir cuál), como esto:

Declaración y utilización de variables

let age;

Esto simplemente le dice al intérprete que existe una variable, con el nombre "edad". Todavía no tiene un valor, pero después de declararlo, puedes asignarle un valor, como esto:

let age;
age = 42;

Claro está, si ya sabes qué valor debe tener la variable, puedes asignarla al mismo tiempo que la declaras, así:

let age = 42;

Incluso puedes declarar múltiples variables, con diferentes valores, en la misma línea - solo separa con una coma:

let name = "John Doe", age = 42, mail = "john@doe.com";

Después de declarar una o varias variables, puedes usarlas y cambiarlas como quieras. Aquí tienes un ejemplo:

let name = "John Doe", age = 42;

document.write("My name is: " + name + " and today is my birthday");
age = age + 1;
document.write("I am now " + age + " years old");

En este ejemplo, declaro dos variables y luego las uso. Inicialmente muestro el nombre, después cambio la edad y también lo muestro. Como puedes ver, es bastante simple.

Cómo nombrar variables

Como se mencionó, tú decides cómo se llama tu variable. Hay un par de reglas:

• El nombre de la variable sólo puede contener letras, dígitos y/o dos caracteres especiales: El $ (signo del dólar) y el subrayado (_)
• El nombre de la variable NO puede comenzar con un dígito
• No se puede utilizar ninguna de las siguientes palabras reservadas, pero pueden ser parte del nombre de la variable. Por ejemplo, "break" es una palabra reservada, lo que significa que su variable no puede ser llamada "break", pero se PUEDE llamar "lunchBreak"

Al nombrar variables más complejas en JavaScript, se suele utilizar camelCase. Esto significa que la primera palabra comienza en minúscula, mientras que el resto de las palabras comienzan con mayúsculas. Aquí hay un par de ejemplos:

let userMailAddress = "john@doe.com";
let aLongVariableNameWithManyWords = 42;

Ten en cuenta que esto es solo una directriz - tú puedes hacer lo que quieras, incluir todas las letras minúsculas o mayúsculas. Solo recuerda que JavaScript es sensible a mayúsculas, así que si declaras una variable llamada "NAME", no esperes poder referenciarla por "name".

Constantes

Acabamos de aprender que puedes asignar un valor a una variable cuando quieras, y cambiar el valor cuando quieras. Pero a veces, quieres declarar una variable, asignarle un valor inmediatamente y luego evitar que alguien cambie el valor. Para este propósito, tenemos constantes. Se ven como variables, pero usan la palabra clave const en lugar de var o let:

const answerToEverything = 42;

Observa que inmediatamente asigno un valor a la constante - a diferencia de las variables, NO se puede declarar una constante sin asignarle un valor. Y como es una constante, el valor no puede ser cambiado - el intérprete inmediatamente lanzará un error si usted intenta:

const answerToEverything = 42;

// Won't work - it's a constant!
answerToEverything = 43;

Si intentas hacer lo anterior, obtendrás un error como el siguiente:

Uncaught TypeError: Assignment to constant variable.

Puede ser muy útil tener variables que no puedan ser cambiadas por ti o cualquier otra persona, porque algunas cosas simplemente no deben ser cambiadas. Por esta razón, JavaScript en sí mismo viene con bastantes constantes, p. ej., Math.PI:

// A constant - it can't be changed!
Math.PI = 42;
// 3.141592653589793
alert(Math.PI);

Resumen

Piensa en las variables como cajas de almacenamiento bien ordenadas con etiquetas: Puedes almacenar cualquier tipo de información en una variable y nombrarla apropiadamente, para que luego puedas acceder y/o modificar el contenido de la variable. Las variables son una parte importante de la programación y las verás usadas en muchos ejemplos a través de este tutorial, y aún más en el mundo real, cuando empieces a escribir tu propio código.