Variables en JavaScript

En JavaScript se pueden declarar variables de 4 maneras diferentes:

var (en desuso desde el 2015)
let
const
Automáticamente (no recomendado)

Ejemplo de Var

var está en desuso desde el 2015, pero aún se puede usar. No es una buena práctica usarlo porque puede causar problemas de alcance (scope) y redeclaración.

<script>
  var x = 5;
  var y = 6;
  var z = x + y;
</script>

En este caso la variable x se declara con el valor 5, la variable y con el valor 6 y la variable z es la suma de x y y, por lo que su valor será 11.

Ejemplo de Let

<script>
  let x = 5;
  let y = 6;
  let z = x + y;
</script>

En este caso la variable x se declara con el valor 5, la variable y con el valor 6 y la variable z es la suma de x y y, por lo que su valor será 11.
La diferencia con var es que let tiene un alcance de bloque, lo que significa que solo está disponible dentro del bloque donde se declara.

Ejemplo de Const

<script>
  const x = 5;
  const y = 6;
  const z = x + y;
</script>

En este caso la variable x se declara con el valor 5, la variable y con el valor 6 y la variable z es la suma de x y y, por lo que su valor será 11.
La diferencia con let es que const no se puede reasignar, es decir, una vez que se declara una variable con const, no se puede cambiar su valor. Esto es útil para declarar constantes que no deben cambiar durante la ejecución del programa.

Ejemplo mixto

<script>
  const price1 = 5;
  const price2 = 6;
  let total = price1 + price2;

En este caso, price1 y price2 son constantes que no cambiarán, mientras que total es una variable que puede cambiar si se recalcula. Esto es útil para mantener la integridad de los valores que no deben cambiar.

¿Cuando usar let o const?

Úselo siempre const si no se debe cambiar el valor.
Úselo siempre const si no se debe cambiar el tipo (matrices y objetos)
Úselo solo let si no lo puede manejar const
Úselo solo var si DEBE admitir navegadores antiguos.
Tenga en cuenta que las variables declaradas con var tienen alcance de función (function scope), lo que puede causar problemas de redeclaración y acceso inesperado fuera de bloques.
La introducción de let y const en JavaScript (ES6) permitió un mejor control del alcance (block scope) y la mutabilidad de las variables, haciendo el código más seguro y predecible.

Notas

Cualquiera de las variables (var, let o const) se pueden usar para almacenar cualquier tipo de dato, como números, cadenas de texto, booleanos, objetos, arreglos, etc.

Las variables let y const son las más recomendadas para usar en JavaScript moderno, ya que ofrecen un mejor control sobre el alcance y la mutabilidad de las variables. var es una forma más antigua de declarar variables y se desaconseja su uso en código nuevo.

Las variables automáticas no se mencionan porque no son una buena práctica y pueden causar problemas en el código. Se recomienda siempre declarar las variables con let o const para evitar confusiones y errores. Las variables automáticas son aquellas que se declaran sin usar ninguna palabra clave, lo cual no es recomendado.

Post redactado por DaviDevLeon (David de Leon)

Únete a la comunidad

¿Te ha gustado el contenido? No olvides suscribirte a las redes de la comunidad de Programación en español

¿Quieres apoyar el contenido del canal de YouTube? Hazte miembro del canal entrando a este enlace.