Sự khác biệt giữa enum và const enum là gì?

Trong TypeScript, enum và const enum đều được sử dụng để định nghĩa một tập hợp các giá trị có tên, nhưng chúng có những điểm khác biệt quan trọng về cách hoạt động và cách sử dụng. Dưới đây là sự khác biệt giữa hai loại enum này.

1. Định nghĩa cơ bản

• Enum: Đây là một loại dữ liệu cho phép bạn định nghĩa một tập hợp các giá trị có tên. Enum có thể được sử dụng để tạo ra các giá trị có thể thay đổi và có thể truy cập tại runtime.

enum Direction {
    Up,
    Down,
    Left,
    Right,
}

• Const Enum: Đây là một loại enum được tối ưu hóa để biên dịch thành các giá trị tĩnh. Điều này có nghĩa là các giá trị của const enum sẽ được thay thế trực tiếp vào mã nguồn trong quá trình biên dịch, không tạo ra bất kỳ mã nào cho enum đó tại runtime.

const enum Direction {
    Up,
    Down,
    Left,
    Right,
}

2. Cách hoạt động và biên dịch

• Enum: Khi bạn sử dụng enum, TypeScript sẽ tạo ra một đối tượng cho enum đó tại runtime. Điều này cho phép bạn sử dụng enum một cách linh hoạt, bao gồm việc truy cập các giá trị của nó qua tên và sử dụng chúng trong các biểu thức.

enum Direction {
    Up,
    Down,
    Left,
    Right,
}

let direction = Direction.Up; // direction sẽ có giá trị là 0

Mã JavaScript biên dịch sẽ trông như sau:

var Direction;
(function (Direction) {
    Direction[Direction["Up"] = 0] = "Up";
    Direction[Direction["Down"] = 1] = "Down";
    Direction[Direction["Left"] = 2] = "Left";
    Direction[Direction["Right"] = 3] = "Right";
})(Direction || (Direction = {}));
var direction = Direction.Up; // direction sẽ có giá trị là 0

• Const Enum: Đối với const enum, TypeScript sẽ thay thế tất cả các tham chiếu đến các giá trị của enum bằng các giá trị tương ứng của chúng trong quá trình biên dịch. Điều này giúp loại bỏ mã không cần thiết và cải thiện hiệu suất.

const enum Direction {
    Up,
    Down,
    Left,
    Right,
}

let direction = Direction.Up; // direction sẽ có giá trị là 0

Mã JavaScript biên dịch sẽ trông như sau:

var direction = 0; // direction sẽ có giá trị là 0

3. Khả năng sử dụng

• Enum: Enum có thể được sử dụng ở cả thời điểm biên dịch và runtime. Bạn có thể truy cập các giá trị enum bằng cách sử dụng tên của chúng.
• Const Enum: Const enum chỉ có thể được sử dụng ở thời điểm biên dịch. Nếu bạn cố gắng sử dụng nó tại runtime, TypeScript sẽ báo lỗi.

4. Hạn chế

• Enum: Enum có thể được sử dụng để tạo các đối tượng với các giá trị kiểu chuỗi hoặc số, và bạn có thể truy cập chúng trong các biểu thức.
• Const Enum: Const enum không thể có giá trị chuỗi và chỉ có thể được sử dụng cho các giá trị số. Nếu bạn cần một enum với các giá trị chuỗi, bạn sẽ không thể sử dụng const enum.

Kết luận

Tóm lại, sự khác biệt chính giữa enum và const enum trong TypeScript nằm ở cách chúng được biên dịch và cách sử dụng. Enum tạo ra một đối tượng tại runtime, trong khi const enum được tối ưu hóa và không tạo ra mã nào tại runtime. Việc chọn sử dụng enum hay const enum phụ thuộc vào nhu cầu của bạn trong việc quản lý mã và tối ưu hóa hiệu suất. Nếu bạn cần một tập hợp các giá trị có thể truy cập tại runtime và có thể có giá trị chuỗi, hãy sử dụng enum. Ngược lại, nếu bạn chỉ cần giá trị số và muốn loại bỏ mã không cần thiết, hãy sử dụng const enum.

• Typescript