Con ES6 ha habido muchas adiciones útiles a JavaScript como Promises , async/ await , desestructuración de ES6 y más. let y const es una de esas adiciones.

Hoy en este blog discutiremos la diferencia entre var, let y const en Javascript. Entonces empecemos.

dejar vs var en Javascript

Antes de la palabra clave de uso de javascript de ES6, varque solo tiene un alcance global y tiene algunos inconvenientes. con let, javascript agregó alcance a nivel de bloque.

Analicemos la diferencia con algunos ejemplos.

// ES5 Code
var x = 10;
console.log(x) // 10
var x = "Hello Reader"
console.log(x) // Hello Reader
var x = 12.2
console.log(x) // 12.2

con varpalabra clave, pudimos volver a declarar una variable que ya había sido declarada. Esto crea confusión cuando el código se hace más grande. ¿Qué pasa si ya teníamos una variable declarada con el mismo nombre en otro lugar y la estamos volviendo a declarar sin darnos cuenta? Entonces podríamos anular el valor de la variable, causando algunos problemas difíciles de depurar.

Pero cuando usamos letjavascript, obtendremos un error cuando intentemos volver a declarar una variable que ya ha sido declarada, lo cual es algo bueno.

// ES6 Code
let x = 10;
console.log(x); // 10
let x = "Hello Reader"
// Uncaught SyntaxError: Identifier 'x' has already been declared

// ES6 Code
let x= 10;
console.log(x); // 10

x = "Hello Reader";
console.log(x); // Hello Reader

// ES5 Code
var isValid = true;
if(isValid) {
  var number = 10;
  console.log('inside:', number); // inside: 10
}
console.log('outside:', number); // outside: 10

Ahora eche un vistazo al siguiente código.

// ES6 Code
let isValid = true;
if(isValid) {
  let number = 10;
  console.log('inside:', number); // inside: 10
}

console.log('outside:', number); 
// Uncaught ReferenceError: number is not defined

Pero, ¿y si declaramos let fuera del ifbloque? Vamos a ver.

// ES6 Code
let isValid = true;
let number = 10;
if(isValid) {
  console.log('inside:', number); // inside: 10
}

console.log('outside:', number); // 10

let vs const en Javascript

La constpalabra clave funciona exactamente igual que la letpalabra clave. También tiene un alcance a nivel de bloque. entonces, ¿en qué se diferencian entre sí? vamos a ver

Cuando declaramos una variable como const, se considera una variable constante cuyo valor nunca cambiará.

Echa un vistazo al siguiente código

// ES6 Code
let x = true;
x = "Hello Reader";
console.log(x) // Hello Reader

// ES6 Code
const x = true;
x = "Hello; 
// Uncaught TypeError: Assignment to constant variable.

Pero este comportamiento de constes diferente cuando se trata de objetos y matrices . mientras que constel objeto no se puede actualizar, pero sus propiedades se pueden actualizar. Esto se debe a que los objetos son tipos de referencia en javascript.

Eche un vistazo al siguiente código

// ES6 Code
const person= {
 name: 'Taran',
 age: 18
};

person.age = 22;

// ES6 Code
const person= {
 name: 'Taran',
 age: 18
};
person = {
 firstName: "Taran",
 lastName: "Arora"
}

Resumen de var, let y const

1. Las palabras clave lety constagregar el alcance del bloque en JavaScript.
2. varlas variables se pueden actualizar y volver a declarar dentro de su alcance
3. letlas variables se pueden actualizar pero no se pueden volver a declarar constlas variables no se pueden actualizar ni volver a declarar.