Las variables

En JavaScript, una variable es un contenedor que almacena un valor que puedes usar y modificar a lo largo de tu programa. Las variables te permiten guardar datos como números, textos, y más, para usarlos más tarde.

1. Cómo se declaran las variables? #

Hay tres formas principales de declarar variables en JavaScript: var, let, y const. Cada una tiene características especiales.

1. var:

   • Fue la forma original de declarar variables en JavaScript.
   • Tiene un alcance global o de función, lo que significa que puede ser usada en cualquier parte del programa si está declarada fuera de una función, o en toda la función si está declarada dentro.
   • Ejemplo:

      
     1var nombre = "Juan";
     2nombre = "Ana"; // Se puede reasignar
     3console.log(nombre);
     Salida de consola
     Ana

2. let:

   • Introducido en ES6 (también conocido como ECMAScript 2015).
   • Tiene un alcance de bloque, lo que significa que solo existe dentro del bloque de código donde fue declarada (por ejemplo, dentro de un if o un for).
   • Es la opción preferida para declarar variables cuando sabes que el valor de la variable cambiará.
   • Ejemplo:

      
     1let edad = 25;
     2edad = 30; // Se puede reasignar
     3console.log(edad);
     Salida de consola
     30

3. const:

   • También introducido en ES6.
   • Significa "constante", y es usado para declarar variables cuyo valor no cambiará una vez asignado.
   • Tiene alcance de bloque, igual que let.
   • Ejemplo:

      
     1const pi = 3.1416;
     2pi = 3.14; // <-- Esto dará error porque no se puede reasignar
     3console.log(pi);
     Salida de consola
     pi = 3.14; // <-- Esto dará error porque no se puede reasignar
        ^
     
     TypeError: Assignment to constant variable.
     at Object.<anonymous> (/piston/jobs/79dc5147-13df-4dc8-9b97-4e11b187c191/my_cool_code.js:2:4)
     at Module._compile (node:internal/modules/cjs/loader:1254:14)
     at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
     at Module.load (node:internal/modules/cjs/loader:1117:32)
     at Module._load (node:internal/modules/cjs/loader:958:12)
     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
     at node:internal/main/run_main_module:23:47

2. Cómo nombrar variables? #

• Nombres descriptivos: Es una buena práctica dar nombres que describan el propósito de la variable.
• Sin espacios ni caracteres especiales: Usa letras, números, $, y _. No puedes empezar con un número.
• CamelCase: Es común usar camelCase para nombres de variables en JavaScript. Esto significa que la primera palabra está en minúsculas y cada palabra siguiente empieza con mayúscula.
  • Ejemplo: nombreUsuario, contadorDeClicks.

3. Ejemplos de declaración de variables #

1// Usando var
2var nombre = "Juan";
3var edad = 30;
4
5// Usando let
6let ciudad = "Madrid";
7ciudad = "Barcelona"; // Se puede cambiar
8
9// Usando const
10const pais = "España";
11// pais = "Francia"; // Esto dará error porque no se puede cambiar
12
13// Declaración múltiple
14let x = 10, y = 20, z = 30;

4. Cuándo usar var, let, y const? #

• var: Se usa cada vez menos debido a su alcance amplio, lo que puede causar errores si no se usa con cuidado.
• let: Úsalo cuando necesites cambiar el valor de la variable más adelante.
• const: Úsalo para valores que no deberían cambiar, como configuraciones o valores fijos.