Com o ES6, houve muitas adições úteis ao JavaScript, como Promises , async/ await , ES6 destructuring e muito mais. let e const é uma dessas adições.

Hoje neste blog vamos discutir a diferença entre var, let e const em Javascript. Então vamos começar.

let vs var em Javascript

Antes do javascript do ES6, use a varpalavra-chave que tem apenas um escopo global e tem algumas desvantagens. com let, javascript adicionado escopo de nível de bloco.

Vamos discutir a diferença com alguns exemplos.

// 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

com a palavra- varchave, conseguimos declarar novamente uma variável que já havia sido declarada. Isso cria confusão quando o código fica maior. e se já tivermos uma variável declarada com o mesmo nome em outro lugar e a estivermos declarando novamente sem perceber? Em seguida, podemos substituir o valor da variável, causando alguns problemas difíceis de depurar.

Mas quando usamos letem javascript, recebemos um erro quando tentamos declarar novamente uma variável que já foi declarada - o que é bom.

// 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

Agora dê uma olhada no código abaixo.

// 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

Mas e se declararmos deixar fora do ifbloco? Vamos 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 em Javascript

A palavra- constchave funciona exatamente da mesma forma que a palavra- letchave. Ele também tem um escopo em nível de bloco. então como eles diferem um do outro? vamos dar uma olhada

Quando declaramos uma variável como const, ela é considerada uma variável constante cujo valor nunca será alterado.

Dê uma olhada no código abaixo

// 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.

Mas esse comportamento consté diferente quando se trata de objetos e arrays . enquanto consto objeto não pode ser atualizado, mas suas propriedades podem ser atualizadas. Isso ocorre porque os objetos são tipos de referência em javascript.

Dê uma olhada no código abaixo

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

person.age = 22;

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

var, let e const finalização

1. As palavras-chave lete constadicionar escopo de bloco em JavaScript.
2. varvariáveis ​​podem ser atualizadas e declaradas novamente dentro de seu escopo
3. letvariáveis ​​podem ser atualizadas, mas não podem ser declaradas novamente, constvariáveis ​​não podem ser atualizadas nem declaradas novamente.