Từ khóa const trong JavaScript

– ECMAScript 2015 (ES2015) đã giới thiệu hai từ khóa mới quan trọng trong JavaScript là: let và const.

– Các biến được định nghĩa bởi const cũng hoạt động như các biết định nghĩa bởi let, nhưng điểm khác là không được phép gán lại giá trị.

// Khai báo biến hằng
const PI = 3.141592653589793;
PI = 3.14;      // Error
PI = PI + 10;   // Error

– Biến const JavaScript phải được gán giá trị khi chúng được khai báo:

const PI = 3.14159265359;

const PI;
PI = 3.14159265359;

– Khai báo một biến với const tương tự như let khi nói đến phạm vi khối (Block Scope).

– Ở ví dụ bên dưới: giá trị của biến x được khai báo trong khối (block), không giống với x được khai báo bên ngoài khối:

var x = 10;
// Ở đây x = 10;

{ 
    const x = 99;
    // Ở đây x = 99;
}

// Ở đây x = 10;

3.1. Constant Objects

– Bạn có thể thay đổi các thuộc tính (properties) của một constant object:

// Tạo đối tượng car:
const car = {name:"Ferrari", model:"500", color:"White"};

// Thay đổi thuộc tính:
car.color = "Red";

// Thêm thuộc tính mới:
car.owner = "Minh Hoàng";

– Nhưng KHÔNG thể gán lại một constant object:

const car = {name:"Ferrari", model:"500", color:"White"};
car = {name:"Toyota", model:"EX60", color:"Blue"};		// Error

3.2. Constant Arrays

– Bạn có thể thay đổi các phần tử (elements) của một constant array:

// Tạo một mảng:
const cars = ["Ford", "Volvo", "BMW"];

// Thay đổi giá trị của phần tử trong mảng:
cars[1] = "Toyota";

// Thêm phần tử mới vào mảng:
cars.push("Audi");

– Nhưng KHÔNG thể gán lại một constant array:

const cars = ["Ford", "Volvo", "BMW"];
cars = ["Toyota", "Ferrari", "Audi"];		// Error

– Việc khai báo lại (redeclaring) biến var JavaScript được cho phép ở bất kỳ đâu trong chương trình:

var x = 2;			//  OK
var x = 3;			//  OK
x = 4;				//  OK

– Việc khai báo lại (redeclaring) hoặc gán lại (reassigning) biến var hoặc biến let đã tồn tại thành const, trong cùng phạm vi (scope), hoặc trong cùng một khối (block) là không được phép:

var x = 2;			// OK
const x = 2;		// Error
{
    let x = 2;		// OK
    const x = 2;	// Error
}

– Việc khai báo lại (redeclaring) hoặc gán lại (reassigning) biến const đã tồn tại, trong cùng phạm vi (scope), hoặc trong cùng một khối (block) là không được phép:

const x = 2;       // OK
const x = 3;       // Error
x = 3;             // Error
var x = 3;         // Error
let x = 3;         // Error

{
    const x = 2;   // OK
    const x = 3;   // Error
    x = 3;         // Error
    var x = 3;     // Error
    let x = 3;     // Error
}

– Việc khai báo lại (redeclaring) một biến bằng từ khóa const, trong một phạm vi (scope) khác, hoặc trong một khối (block) khác là được phép

const x = 2;       // OK

{
    const x = 3;   // OK
}

{
    const x = 4;   // OK
}

– Các biến được định nghĩa với var được hoisted lên trên cùng.

– Bạn có thể sử dụng biến var trước khi nó được khai báo:

carName = "Toyota";
// CÓ THỂ sử dụng biến carName tại đây

// Khai báo biến var
var carName;

– Các biến được định nghĩa với const KHÔNG được hoisted lên trên cùng.

– Do đó, KHÔNG thể sử dụng biến const trước khi nó được khai báo:

carName = "Toyota";
// KHÔNG THỂ sử dụng biến carName tại đây

// Khai báo biến const
const carName = "Toyota";