Trong TypeScript, sự khác biệt giữa Enum và Union Types là gì và tại sao trong các dự án Enterprise hiện đại, Union Types thường được ưu tiên hơn?

Question

Accepted Answer

Phân tích sự khác biệt

Enum: Là một cấu trúc dữ liệu đặc thù của TypeScript, được biên dịch thành các đối tượng JavaScript thực tế. Nó tạo ra các giá trị runtime.
Union Types: Là một khái niệm về kiểu dữ liệu (Type-level), không tồn tại sau khi biên dịch (Zero runtime overhead).

Tại sao ưu tiên Union Types trong Enterprise?

Hiệu năng: Union Types không tạo thêm code JavaScript, giúp giảm kích thước bundle.
Tính linh hoạt: Union Types hỗ trợ các giá trị hỗn hợp (string | number), trong khi Enum chủ yếu dành cho tập hợp các hằng số.
Tree-shaking: Các công cụ đóng gói (bundlers) dễ dàng loại bỏ các mã không sử dụng nếu bạn dùng Union Types thay vì Enum.

Ví dụ minh họa
// Sử dụng Union Types
type Status = 'pending' | 'success' | 'error';

function handleStatus(status: Status) {
  // Code xử lý
}
Lưu ý: Chỉ nên sử dụng Enum khi bạn cần các giá trị số có tính chất liệt kê (bit flags) hoặc cần truy xuất giá trị ngược từ key sang value.