Curso de Javascript

Aprende JAVASCRIPT de una buena vez

Cabecera principal de presentación del curso de Aprende a programar para la web con Javascript desde cero. Comienza a programar en Javascript
gratis
texto

Dominando el Uso de const, let y ¿var? en JavaScript para Declarar y Asignar Variables

En el vasto mundo de la programación, las variables son como cajones donde almacenamos información. En JavaScript, uno de los lenguajes de programación más influyentes, las variables son la base de cualquier desarrollo. Pero no todas las variables son iguales, y es aquí donde entran en juego las palabras clave const y let. En este artículo, desentrañaremos los misterios de las variables y su asignación en JavaScript, y aprenderemos cómo const y let modelan la forma en que interactuamos con nuestros datos.

Declaración de Variables en JavaScript:

Las variables son esenciales para almacenar y manipular datos en la programación. En JavaScript, tenemos varias formas de declarar variables: var, let y const. En los primeros días, var era el rey, pero luego surgieron let y const con un enfoque más moderno y preciso.

La forma más antigua, var, tiene un alcance de función. Esto significa que una vez que declares una variable con var, su alcance se extiende hasta la función más cercana. Sin embargo, esto puede llevar a problemas de legibilidad y dificultad en el mantenimiento del código.

Luego tenemos a los nuevos contendientes: const y let. La diferencia fundamental entre ellos es su mutabilidad. const se utiliza para variables inmutables --no pueden cambiar-- (en realidad se les llama constantes), mientras que let permite la mutación --sí pueden cambiar--. Esta distinción afecta la forma en que estructuramos y entendemos nuestro código.

Ejemplo de declaración de Variables con JavaScript

Veamos un corto ejemplo de lo indicado anteriormente:

// Declaración de variable usando var (forma antigua) var edad = 25; // Declaración de variable usando let (moderno) let nombre = "Juan"; // Declaración de una constante usando const (moderno e inmutable) const PI = 3.1416;

const y let: Diferencias Fundamentales:

El uso adecuado de const y let puede marcar la diferencia entre un código limpio y mantenible, y un código propenso a errores. Veamos las diferencias clave entre estas dos palabras clave:

  • Inmutabilidad vs. Mutabilidad: ¿Cuál usar cuándo?

    1. const se utiliza para declarar variables que no cambiarán de valor después de su inicialización. Por ejemplo, la declaración const pi = 3.1416; indica que pi siempre será el mismo valor. Esto es útil cuando queremos asegurarnos de que una variable no cambie inesperadamente (será así entonces una constante).
    2. Por otro lado, let se usa para variables que pueden cambiar su valor a lo largo del programa. Por ejemplo, para una suma, podríamos usar let i = 0; y luego modificar i sumándole algún valor.
  • Ámbito de Bloque: Cómo const y let afectan el alcance de las variables

    1. Tanto const como let tienen un ámbito de bloque. Esto significa que están limitados al bloque de código más cercano, como un bucle o una declaración if. Fuera de ese bloque, la variable no es accesible.
  • Re-declaración: ¿Permitida en let, prohibida en const?

    1. Con let, puedes re-declarar la misma variable en el mismo ámbito sin problemas. Sin embargo, con const, solo puedes declarar una variable una vez. Intentar re-declararla generará un error.

Ejemplo de las diferencias al usar const y let en JavaScript

Acá te pongo un ejemplo corto de todo lo mencionado anteriormente, para usar const y let:

// const para valores inmutables const gravedad = 9.8; // gravedad = 9.81; // Esto generaría un error, no se puede reasignar // let para valores mutables let contador = 0; contador++; // Ahora contador es 1

Casos de Uso de const y let:

Ahora que hemos cubierto las diferencias fundamentales entre const y let, exploremos cuándo usar cada una de ellas:

  • Escenarios donde const es la mejor opción:

    1. Cuando tienes un valor constante que no cambiará durante la ejecución del programa.
    2. Para evitar efectos secundarios no deseados al modificar una variable.
  • Situaciones en las que let es más apropiado:

    1. Cuando necesitas modificar el valor de una variable a lo largo del tiempo.
    2. Para declarar variables en bucles o en ámbitos que cambian rápidamente.

El "antiguo" var en JavaScript

El reemplazo de var por let en la declaración de variables es uno de los cambios más significativos en la evolución de JavaScript. Aunque ambos cumplen el propósito básico de crear variables, let ha demostrado ser más seguro y predecible en comparación con var.

var tenía un ámbito de función, lo que significaba que una variable declarada con var estaba disponible en todo el contexto de función, incluso antes de su declaración. Esto podía llevar a problemas de "hoisting" (elevación) y comportamientos inesperados. Además, debido a su alcance global, las variables declaradas con var podían ser reasignadas en cualquier parte del código, lo que podía dificultar el mantenimiento y la depuración.

La introducción de let solucionó muchas de estas preocupaciones. Al limitar el alcance de la variable al bloque en el que se declara, let redujo las posibilidades de conflictos y efectos secundarios inesperados. Además, let es más estricto en términos de re-declaración y no permite declarar la misma variable en el mismo ámbito.

Ejemplos de var contra let en JavaScript

Sé que lo anterior puede sonar algo complicado y además requiere comprender quizá otros conceptos adicionales que aún podrías no conocer. Sin embargo, centrémonos en algo esencial: la re-declaración de las variables.

//// Usando var var z = 30; var z = 40; // No hay error, z se redeclara console.log(z); // 40 (la última declaración de z prevalece) //// Usando let let w = 50; // let w = 60; // Error: w ya ha sido declarado (no se permite re-declaración) console.log(w); // 50 (w mantiene su valor original)

Muy bien, con eso queda claro por qué es mejor usar let en lugar de var actualmente en JavaScript.

Ahora, en el viaje de aprender JavaScript, dominar las variables y las asignaciones de valores es esencial. Las palabras clave const y let te brindan herramientas poderosas para administrar tus datos de manera eficiente y efectiva. Recuerda que la elección entre const y let se basa en la inmutabilidad y la mutabilidad de tus variables.

A medida que profundices en el mundo de JavaScript, encontrarás situaciones en las que const y let se adaptan perfectamente a tus necesidades. Experimenta, juega y sigue aprendiendo para mejorar tu habilidad como desarrollador JavaScript.

¡Espero que hayas disfrutado de este viaje por las variables y asignaciones de valores en JavaScript! Si tienes más preguntas o quieres explorar aún más, no dudes en seguir explorando y aplicando estos conceptos en tu propio código.

La última actualización de este artículo fue hace 9 meses

Foto de JuanDMeGon

Juan David Meza González

JuanDMeGon

Magister, Ingeniero, Desarrollador
Web & Instructor

¡Listo!

En breve recibirás un mensaje de confirmación. Verifica, por si acaso, la carpeta de correo no deseado.

...

Si te parece bien, te enviaré de vez en cuando, mensajes de interés sobre los temas que se tratan en el sitio.

Tu dirección de correo electrónico será almacenada con un interés según el artículo en el que te encuentres.

Por supuesto, puedes cancelar tu suscripción en cualquier momento.