Con ES6 ci sono state molte utili aggiunte a JavaScript come Promises , async/await , ES6 destructuring e altro ancora. let e const è una di quelle aggiunte.

Oggi in questo blog discuteremo la differenza tra var, let e const in Javascript. Quindi iniziamo.

let vs var in Javascript

Prima dell'uso di javascript ES6 la varparola chiave che ha solo un ambito globale e presenta alcuni inconvenienti. con let, javascript ha aggiunto l'ambito a livello di blocco.

Discutiamo la differenza con alcuni esempi.

// 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 varla parola chiave, siamo stati in grado di dichiarare nuovamente una variabile che era già stata dichiarata. Questo crea confusione quando il codice diventa più grande. e se avessimo già una variabile dichiarata con lo stesso nome da qualche altra parte e la stiamo dichiarando nuovamente senza rendercene conto? Quindi potremmo sovrascrivere il valore della variabile, causando alcuni problemi di debug difficili.

Ma quando usiamo letin javascript, otterremo un errore quando proviamo a dichiarare nuovamente una variabile che è già stata dichiarata, il che è positivo.

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

Ora dai un'occhiata al codice qui sotto.

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

Ma cosa succede se dichiariamo lasciati fuori ifdall'isolato? Vediamo.

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

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

let vs const in Javascript

La constparola chiave funziona esattamente come la letparola chiave. Ha anche un ambito a livello di blocco. allora come differiscono l'uno dall'altro? diamo un'occhiata

Quando dichiariamo una variabile come const, viene considerata una variabile costante il cui valore non cambierà mai.

Dai un'occhiata al codice qui sotto

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

Ma questo comportamento di constè diverso quando si tratta di oggetti e array . mentre constl'oggetto non può essere aggiornato ma le sue proprietà possono essere aggiornate. Questo perché gli oggetti sono tipi di riferimento in javascript.

Dai un'occhiata al codice qui sotto

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

1. Le parole chiave lete constaggiungi l'ambito del blocco in JavaScript.
2. varle variabili possono essere aggiornate e dichiarate nuovamente all'interno del suo ambito
3. letle variabili possono essere aggiornate ma non dichiarate nuovamente le constvariabili non possono essere né aggiornate né dichiarate nuovamente.