Curso Javascript - #03 const vs let vs var

Summary

Este video tutorial aborda las diferencias fundamentales entre 'let', 'const' y 'var' en JavaScript. Se explica cómo 'let' permite la reasignación de valores, ideal para variables cuyo valor cambia, como contadores. En contraste, 'const' restringe la reasignación, manteniendo el valor inicial asignado. Se destacan las reglas de alcance o 'scope', mostrando cómo variables declaradas con 'let' y 'const' pueden redeclararse dentro de diferentes ámbitos. Además, se toca brevemente cómo 'var' se comporta de manera global, independientemente de los bloques de código. El video concluye con ejemplos prácticos, incluyendo mutación de objetos y arrays, para ilustrar cómo 'const' puede usarse para mutar propiedades de objetos o contenidos de arrays sin reasignar la variable misma.

Takeaways

• 🔹 **let** permite inicializar variables que pueden cambiar de valor o tipo a lo largo del tiempo.
• 🔹 **const** requiere que las variables se inicialicen al momento de declararse y no permite cambiar su valor ni tipo posteriormente.
• 🔹 Utilizar **let** cuando se prevea la necesidad de reasignar valores a una variable.
• 🔹 Optar por **const** para declarar variables cuyo valor no se pretende cambiar, aumentando así la previsibilidad del código.
• 🔹 **let** y **const** tienen un alcance de bloque, lo que significa que respetan los límites de los bloques en los que se declaran.
• 🔹 Se puede redeclarar variables con **let** o **const** dentro de un bloque diferente al de su declaración original.
• 🔹 **var** declara variables con un alcance global o de función, sin respetar los bloques.
• 🔹 Acceder a una variable **var** antes de su declaración resulta en `undefined` en vez de un error de referencia, debido al hoisting.
• 🔹 Mutar objetos o arrays declarados con **const** es posible, ya que lo que permanece inmutable es la referencia, no el contenido.
• 🔹 Es recomendable evitar **var** en favor de **let** y **const** para mejorar la claridad y manejo de alcance en el código.

Q & A

¿Cuál es la principal diferencia entre 'let' y 'const' en JavaScript?

La principal diferencia es que 'let' permite reasignar valores a una variable, mientras que 'const' no lo permite, es decir, una vez que se asigna un valor a una variable declarada con 'const', este no puede cambiar.

¿Qué sucede si intentas cambiar el valor de una variable declarada con 'const'?

El intento de cambiar el valor de una variable declarada con 'const' resultará en un error, ya que 'const' no permite la reasignación de valores.

¿Es posible declarar una variable con 'let' sin asignarle un valor inicial?

Sí, es posible declarar una variable con 'let' sin asignarle un valor inicial, lo que resulta en una variable con un valor 'undefined'.

¿Qué sucede si declaras una variable con 'let' o 'const' dos veces en el mismo ámbito?

Declarar una variable con 'let' o 'const' dos veces en el mismo ámbito generará un error, ya que no se permite la redeclaración de variables en el mismo ámbito.

¿Puedes redeclarar una variable en diferentes ámbitos con 'let' o 'const'?

Sí, puedes redeclarar una variable en diferentes ámbitos (o scopes) con 'let' o 'const'. El ámbito más cercano tendrá prioridad en el acceso a la variable.

¿Qué demuestra el ejemplo con la variable 'contador' en diferentes ámbitos?

El ejemplo muestra que, aunque no se puede redeclarar una variable en el mismo ámbito, es posible declarar la misma variable en diferentes ámbitos, y JavaScript accederá a la variable del ámbito más cercano.

¿Qué diferencia hay entre 'var' y 'let'/'const' en términos de ámbito?

La principal diferencia es que 'var' tiene un ámbito de función o global sin importar el bloque de código, mientras que 'let' y 'const' tienen un ámbito de bloque, lo que limita su acceso solo dentro del bloque donde se declaran.

¿Qué es el 'hoisting' y cómo se relaciona con 'var'?

'Hoisting' es un comportamiento de JavaScript donde las declaraciones de variables y funciones son movidas al inicio de su ámbito antes de la ejecución del código. 'var' se ve afectado por el 'hoisting', permitiendo que las variables sean accesadas antes de su declaración explícita.

¿Es posible mutar el contenido de un objeto declarado con 'const'?

Sí, es posible mutar el contenido de un objeto declarado con 'const', como cambiar las propiedades del objeto o agregar nuevas. Lo que no permite 'const' es reasignar el objeto a otro valor.

¿Qué sucede si intentas acceder a una variable 'let' o 'const' fuera de su ámbito?

Si intentas acceder a una variable 'let' o 'const' fuera de su ámbito, obtendrás un error, ya que estas variables no son accesibles fuera del bloque en el que fueron declaradas.