Với ES6, đã có nhiều bổ sung hữu ích cho JavaScript như Promises , async / await , hủy cấu trúc ES6 , v.v. let và const là một trong những bổ sung đó.

Hôm nay trong blog này, chúng ta sẽ thảo luận về sự khác biệt giữa var, let và const trong Javascript. Vậy hãy bắt đầu.

let vs var trong Javascript

Trước khi sử dụng javascript ES6 vartừ khóa chỉ có phạm vi toàn cầu và có một số nhược điểm. với let, javascript đã thêm phạm vi cấp khối.

Hãy thảo luận về sự khác biệt với một số ví dụ.

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

với vartừ khóa, chúng ta có thể khai báo lại một biến đã được khai báo. Điều này tạo ra sự nhầm lẫn khi mã lớn hơn. Điều gì sẽ xảy ra nếu chúng ta đã có một biến được khai báo với cùng tên ở một nơi khác và chúng ta đang khai báo lại nó mà không nhận ra nó? Sau đó, chúng tôi có thể ghi đè giá trị biến, gây ra một số vấn đề khó gỡ lỗi.

Nhưng khi chúng ta sử dụng lettrong javascript, chúng ta sẽ gặp lỗi khi cố gắng khai báo lại một biến đã được khai báo - đó là một điều tốt.

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

Bây giờ hãy xem đoạn mã dưới đây.

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

Nhưng nếu chúng ta khai báo let bên ngoài ifkhối thì sao? Để xem.

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

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

let vs const trong Javascript

Từ constkhóa hoạt động giống hệt như lettừ khóa. Nó cũng có phạm vi cấp khối. sau đó chúng khác nhau như thế nào? chúng ta hãy xem

Khi chúng ta khai báo một biến là const, nó được coi là một biến hằng số có giá trị sẽ không bao giờ thay đổi.

Hãy xem đoạn mã dưới đây

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

Nhưng hành vi constnày khác khi nói đến các đối tượng và mảng . trong khi constđối tượng không thể được cập nhật nhưng các thuộc tính của nó có thể được cập nhật. Điều này là do các đối tượng là kiểu tham chiếu trong javascript.

Hãy xem mã bên dưới

// 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 và const wrap-up

1. Các từ khóa letvà constthêm phạm vi khối trong JavaScript.
2. varcác biến có thể được cập nhật và khai báo lại trong phạm vi của nó
3. letCác biến có thể được cập nhật nhưng không được khai báo lại Các constbiến không thể được cập nhật cũng như được khai báo lại.