[Conceptos básicos de JS] La diferencia entre las variables Let y Const en JS

En JavaScript, lety constse utilizan ambas palabras clave para declarar variables, pero existen algunas diferencias importantes entre ellas:

1. Variabilidad:

   • letPermite cambiar el valor de una variable después de haber sido declarada. Esto significa que puedes reasignar letuna variable declarada con cualquier tipo de valor:

   let x = 1;
   x = "text";
   

   • constSe utiliza para declarar constantes. Una vez declarada una variable, su valor no se puede cambiar. Intentar cambiar constel valor de una variable declarada con resultará en un error:

   const x = 1;
   x = "text"; // 抛出错误(TypeError: Assignment to constant variable)
   

2. alcance:

   • lety constambos tienen alcance de bloque. Esto significa que cuando se declaran variables usándolos, las variables solo están disponibles dentro del bloque de código (por ejemplo: función, bucle u otra estructura de control) en el que se declaran. Esto vardifiere de las variables declaradas con porque tienen alcance de función:

   if (true) {
         
         
     let x = 1;
     const y = 2;
   }
   console.log(x); // ReferenceError: x is not defined
   console.log(y); // ReferenceError: y is not defined
   

3. Elevación variable:

   • Antes de ejecutar el código, varlas variables declaradas se elevan a la parte superior del alcance de la función, pero su inicialización permanece en la ubicación original. Esto significa que varse puede acceder a las variables declaradas con (aunque sus valores estén en ese punto undefined) hasta que sean asignadas. Por el contrario, las variables declaradas con lety también se elevarán, pero estarán en una zona muerta temporal (TDZ) hasta que se les asigne un valor, momento en el cual la operación de asignación generará un error.const

   console.log(x); // undefined
   console.log(y); // ReferenceError: Cannot access 'y' before initialization
   console.log(z); // ReferenceError: Cannot access 'z' before initialization
   
   var x = 1;
   let y = 2;
   const z = 3;
   

En definitiva, lety son novedades que se introducen constpara solucionar problemas como la promoción de variables y el alcance de la declaración. varÚselo cuando necesite una variable que solo esté disponible en un bloque de código y se pueda cambiar fácilmente; úselo letcuando necesite una variable que solo esté disponible en un bloque de código y no se pueda cambiar const. Esto ayuda a que el código sea más sólido y fácil de entender.

Ref: Respuesta automática.