Tuple chỉ đọc
Thuộc phần Giới thiệu về TypeScript trong hành trình JavaScript của Coddy. Bài học 18 trên 73.
Cũng như bạn có thể làm cho mảng không thể thay đổi bằng từ bổ nghĩa readonly, TypeScript cho phép bạn tạo tuple chỉ đọc, không thể sửa đổi sau khi khởi tạo. Điều này mang lại những lợi ích tương tự về tính bất biến cho dữ liệu có cấu trúc và độ dài cố định.
Khi thêm readonly trước kiểu tuple, TypeScript sẽ ngăn mọi thay đổi đối với các phần tử của tuple.
Điều này có nghĩa là bạn không thể gán lại giá trị ở các vị trí cụ thể hoặc dùng các phương thức làm thay đổi nội dung của tuple:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];Từ bổ nghĩa readonly đặc biệt hữu ích với tuple vì chúng thường biểu diễn dữ liệu có cấu trúc quan trọng như tọa độ, giá trị màu RGB hoặc bản ghi cơ sở dữ liệu, những dữ liệu không nên thay đổi sau khi được tạo.
Thử thách
DễTạo một tuple chỉ đọc tên là startPoint biểu diễn một điểm 2D bằng hai số (tọa độ x và y). Khởi tạo tuple với các giá trị 0 và 0.
Tạo một tuple chỉ đọc khác tên là colorRGB biểu diễn một giá trị màu RGB bằng ba số (đỏ, xanh lá, xanh dương). Khởi tạo tuple với các giá trị 255, 128 và 64.
Tạo tuple chỉ đọc thứ ba tên là userRecord chứa một số (ID người dùng), một chuỗi (tên người dùng) và một giá trị luận lý (boolean, trạng thái hoạt động). Khởi tạo tuple với các giá trị 42, "admin" và true.
In cả ba tuple chỉ đọc ra console, mỗi tuple trên một dòng riêng, theo thứ tự bạn đã tạo.
Tự làm thử
// TODO: Viết code vào đây
// Tạo các tuple chỉ đọc như mô tả trong thử thách
// In ra cả ba tupleBà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ề TS4Là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ểu2Kiể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õi3Cấ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à tupleTự luyện tập: Playground TypeScript