VAR, LET Y CONST

Hello world! El da de hoy te explicar acerca de la importancia de la declaracin de variables en Javascript!

Si eres un programador nuevo en javascript, quizs habrs ledo algn trozo de cdigo donde se usan las palabras reservadas: var, let y const

Y es que en el estndar ES5 slo exista una forma de declarar variables: con var. No obstante con la llegada del ES6 trajo consigo las 3 opciones antes mencionadas.

Pero por qu esta nueva forma de declarar?

Esa pregunta se te vino a la cabeza, ya que debe haber alguna necesidad que est cubriendo. Y efectivamente, el problema era la llamada mutabilidad/inmutabilidad. Djame te explico.

Variables mutables

Cuando una variable es mutable estas permiten que sus valores puedan ser sobreescritos; es decir, estn en constante cambio:

// Declaramos una variable con letlet name = "Astro"// Imprimimos la variable para ver el valor en consolaconsole.log(name) // Astro// Ahora reasignamos la variablename = "Coding"console.log(name) // Coding

Entonces vimos cmo nuestra variable sin ningn error cambio de valor. El problema que surge a partir de esto es que si nosotros en algn momento quisisemos recibir informacin de una API o de cualquier otro origen, obtaramos por que esa informacin no pueda ser sobreescrita.

Variables inmutables

Son aquellas variables que se van a resistir al cambio; es decir, no pueden ser sobreescritas. Las usamos mayormente para trabajar con informacin sensible esttica (que no debe ser modificadaa).

// Declaramos una variable con constconst name = "Astro"// Imprimimos la variable para ver el valor en consolaconsole.log(name) // Astro// Ahora reasignamos la variablename = "Coding" // ERROR - No se puede reasignar una constante!console.log(name) // Astro

DIFERENCIA ENTRE DECLARACIN DE VARIABLES

• VAR: Cuando trabajamos con var, definimos el valor de manera global; es decir:

var name = "Astro"console.log(name) // Astro// Hacemos un if true slo para tener un diferente scopeif (true) {    name = "Coding"    console.log(name) // Coding}// Vemos si el valor cambi de manera globalconsole.log(name) // Coding - S cambi de manera global!

Pero por qu ocurre esto? Bueno tienes que entender que en Javascript las declaraciones de variables (var, let, const.) son procesadas antes de cualquier otro trozo de cdigo, sin importar en que parte del script se encuentre. Es as que cuando declaramos con var estamos trabajando sobre el contexto global.

• LET: Frente a esto, en ES6 nace "let" y consigo "block scope".

// Funcin de ejemplofunction ejemplo() {    // Declaramos con let dentro del scope funcin    let name = "Astro";    console.log(name);    if (true) {        // Declaramos let dentro del scope if        let name = "Coding";        console.log(name);    }    // Obtenemos el valor que se declar en el scope funcin    console.log(name);}

Entonces si nos damos cuenta, tenemos que la variable let respeta el scope donde se encuentra, y puede ser sobreescrita dentro del mismo, mientras que cuando est fuera termina su alcance.

• CONST: Por otro lado respeta su scope al igual que let, pero esta no puede ser sobreescrita sobre el mismo.

// Asignamos con constconst name = "Astro"console.log(name) // Astroif (true) {    const name = "Coding"    console.log(name) // Coding}name = "Astro 2.0" // ERROR - No se puede sobreescribir una constanteconsole.log(name) // Astro

Entonces cuando nosotros trabajemos con informacin que NO DEBE SER SOBREESCRITA pues const ser nuestra mejor amiga, no te olvides practicar para dominar este tema!