Wraz z ES6 pojawiło się wiele przydatnych dodatków do JavaScriptu, takich jak Promises , async/await , ES6 destructuring i wiele innych. let i const jest jednym z tych dodatków.

Dzisiaj na tym blogu omówimy różnicę między var, let i const w JavaScript. Więc zacznijmy.

let vs var w JavaScript

Przed JavaScriptem ES6 użyj varsłowa kluczowego, które ma tylko zasięg globalny i ma pewne wady. z let, javascript dodany zakres na poziomie bloku.

Omówmy różnicę na kilku przykładach.

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

ze varsłowem kluczowym mogliśmy ponownie zadeklarować zmienną, która została już zadeklarowana. Powoduje to zamieszanie, gdy kod staje się większy. co by było, gdybyśmy mieli już zadeklarowaną zmienną o tej samej nazwie gdzieś indziej i deklarujemy ją ponownie, nie zdając sobie z tego sprawy? Wtedy możemy nadpisać wartość zmiennej, powodując trudne do debugowania problemy.

Ale kiedy używamy letw javascript, otrzymamy błąd, gdy spróbujemy ponownie zadeklarować zmienną, która została już zadeklarowana - co jest dobrą rzeczą.

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

Teraz spójrz na poniższy kod.

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

A co jeśli zadeklarujemy wypuszczenie poza ifblok? Pokazać.

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

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

let vs const w JavaScript

Słowo constkluczowe działa dokładnie tak samo jak letsłowo kluczowe. Ma również zakres na poziomie bloków. to czym się od siebie różnią? Spójrzmy

Kiedy deklarujemy zmienną jako const, jest ona uważana za zmienną stałą, której wartość nigdy się nie zmieni.

Spójrz na poniższy kod

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

Ale to zachowanie constjest inne, jeśli chodzi o obiekty i tablice . constobiekt nie może być aktualizowany, ale jego właściwości mogą być aktualizowane . Dzieje się tak, ponieważ obiekty są typami referencyjnymi w javascript.

Spójrz na poniższy kod

// 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 i const zakończ

1. Słowa kluczowe leti constdodaj zakres blokowy w JavaScript.
2. varzmienne mogą być aktualizowane i ponownie deklarowane w jego zakresie
3. letzmienne mogą być aktualizowane, ale nie mogą być ponownie deklarowane const. Zmienne nie mogą być ani aktualizowane, ani ponownie deklarowane.