Menu
CoddyTech
Bắt đầu học

Enum hỗn hợp

Thuộc phần Giới thiệu về TypeScript trong hành trình JavaScript của Coddy. Bài học 55 trên 73.

TypeScript cũng hỗ trợ enum không đồng nhất, tức là enum có cả thành viên dạng chuỗi và dạng số trong cùng một khai báo.

Đây là cách bạn tạo một kiểu liệt kê không đồng nhất:

enum MixedEnum {
  No = 0,
  Yes = "YES",
  Maybe = 1
}

Trong ví dụ này, No và Maybe là các thành viên kiểu số, còn Yes là thành viên kiểu chuỗi. TypeScript cho phép sự linh hoạt này, dù cần lưu ý rằng kiểu liệt kê không đồng nhất (heterogeneous enum) hiếm khi được dùng trong thực tế.

challenge icon

Thử thách

Dễ

Tạo một enum hỗn hợp có tên ResponseCode, kết hợp các giá trị chuỗi và số:

  • Success được khởi tạo bằng 200
  • Error được khởi tạo bằng "ERROR"
  • NotFound được khởi tạo bằng 404
  • Timeout được khởi tạo bằng "TIMEOUT"

Tạo một hàm có tên handleResponse nhận một tham số:

  • code có kiểu ResponseCode

Hàm cần:

  • Kiểm tra mã phản hồi và in các thông báo khác nhau tùy theo giá trị
  • Nếu mã là ResponseCode.Success, in "Request successful"
  • Nếu mã là ResponseCode.Error, in "General error occurred"
  • Nếu mã là ResponseCode.NotFound, in "Resource not found"
  • Nếu mã là ResponseCode.Timeout, in "Request timed out"
  • Có kiểu trả về là void

Tạo bốn biến để minh họa các giá trị enum:

  • successCode có kiểu ResponseCode và gán giá trị ResponseCode.Success cho biến này
  • errorCode có kiểu ResponseCode và gán giá trị ResponseCode.Error cho biến này
  • notFoundCode có kiểu ResponseCode và gán giá trị ResponseCode.NotFound cho biến này
  • timeoutCode có kiểu ResponseCode và gán giá trị ResponseCode.Timeout cho biến này

In các đầu ra sau:

  • In giá trị của successCode
  • In giá trị của errorCode
  • In giá trị của notFoundCode
  • In giá trị của timeoutCode
  • Gọi handleResponse với ResponseCode.Success
  • Gọi handleResponse với errorCode
  • Gọi handleResponse với giá trị số 404

Tự làm thử

// TODO: Viết code của bạn tại đây

// Tạo enum ResponseCode


// Tạo hàm handleResponse


// Tạo các biến minh họa


// In ra các đầu ra theo yêu cầu
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Giới thiệu về TypeScript

1Bắt đầu với TS

TypeScript là gì?Tại sao nên dùng TypeScript?Đoạn code TypeScript đầu tiênQuy trình biên dịch và lỗiÔn tập: Giới thiệu về TS

4Làm việc với hàm

Khai báo kiểu cho tham số và giá trị trả vềKhai báo kiểu cho hàm mũi tênKiểu trả về voidTham số tùy chọn với '?'Giá trị mặc định của tham sốKhai báo kiểu cho tham số restĐịnh nghĩa kiểu hàmÔn tập: xây dựng hàm có kiểu

7Dự án: Danh sách nhiệm vụ đơn giản

Dự án: Định nghĩa struct nhiệm vụHàm thêm nhiệm vụBài học dự ánHàm thay đổi trạng thái nhiệm vụBài học dự ánHàm liệt kê nhiệm vụ theo trạng tháiBài học dự ánHàm in tóm tắt nhiệm vụBài học dự ánKết hợp tất cảBài học dự án

10Dự án: quản lý hàng tồn kho

Dự án: mặt hàng tồn kho chungHàm: thêm mặt hàng vào khoBài học dự ánHàm tìm mặt hàng theo IDBài học dự ánTạo loại hàng tồn kho cụ thểBài học dự ánHàm lấy thông tin mặt hàngBài học dự án

2Kiểu dữ liệu cốt lõi

Kiểu dữ liệu cơ bản: str, num, booleanKiểu 'any': lối thoátKiểu 'unknown'Làm việc với null và undefinedSuy luận kiểu trong thực tếChú thích kiểu tường minhÔn tập: luyện tập về kiểu dữ liệu cốt lõi

5Kiểu: bí danh, hợp và giao

Bí danh kiểu cho các kiểu nguyên thủyKiểu hợp ('|')Làm việc với kiểu hợpKiểu giá trị cố địnhKiểu giao ('&')Kết hợp các bí danh kiểuÔn tập: kết hợp kiểu nâng cao

8Enum

Enum số là gì?Dùng enum sốEnum chuỗi là gì?Dùng enum chuỗiEnum hỗn hợpÔn tập: dùng enum

11Chủ đề nâng cao

Khẳng định kiểuBộ bảo vệ kiểu: in và instanceofKiểu 'never'Kiểu có thể nhận giá trị null ('strictNull')Chữ ký chỉ mục cho đối tượngÔn tập: tinh chỉnh kiểu

3Cấu trúc dữ liệu: mảng và tuple

Mảng định kiểuTừ khóa readonly cho mảngTuple là gì?Khai báo và truy cập tuplePhân rã tupleTuple chỉ đọcMảng định kiểu nhiều chiềuToán tử spread với mảngÔn tập: mảng và tuple

6Khai báo kiểu cho đối tượng và interface

Chú thích kiểu đối tượng trực tiếpBí danh kiểu cho đối tượngGiới thiệu về interfaceInterface và bí danh kiểuThuộc tính tùy chọn và chỉ đọcMở rộng interface và kiểuThêm phương thức vào interfaceÔn tập: định nghĩa hình dạng đối tượng

9Kiểu tổng quát: tìm hiểu cơ bản

Vấn đề mà kiểu tổng quát giải quyếtTạo hàm identity tổng quátSử dụng hàm tổng quátMảng tổng quátGiao diện tổng quátÔn tập: luyện tập hàm tổng quát

Tự luyện tập: Playground TypeScript