Làm chủ TypeScript: Phần 01

TypeScript kiểm tra mã nguồn của bạn trước khi chạy. Nó tìm ra lỗi ngay khi bạn đang viết. Điều này giúp ngăn chặn các lỗi (bugs) đến tay người dùng của bạn.

Các kiểu dữ liệu cơ bản TypeScript sử dụng các kiểu dữ liệu (types) để định nghĩa hình thái của dữ liệu.

• String: let message: string = "Hello"; • Number: let age: number = 30; • Boolean: let isActive: boolean = true;

Mảng (Arrays) và Tuple • Arrays: let names: string[] = ["Alice", "Bob"]; • Tuples: let user: [number, string] = [1, "Alice"]; (Thứ tự ở đây rất quan trọng). • Enums: enum Role { Admin, User } (Sử dụng các lựa chọn có tên thay vì các con số ngẫu nhiên).

Đối tượng (Objects) và Hàm (Functions) Đối tượng dùng để nhóm các dữ liệu liên quan. • let car: { brand: string; year: number } = { brand: "Tesla", year: 2023 }; • Các trường tùy chọn (Optional fields): Sử dụng ? để đánh dấu một trường là không bắt buộc.

Các hàm cần có kiểu dữ liệu cho đầu vào và đầu ra. • function add(a: number, b: number): number { return a + b; } • Arrow functions: const multiply = (a: number, b: number): number => a * b;

Các công cụ kiểu dữ liệu nâng cao Type Aliases Tạo một cái tên cho một cấu trúc kiểu và tái sử dụng nó. • type User = { id: number; name: string };

Unions và Intersections • Unions (HOẶC): type ID = string | number; • Intersections (VÀ): type Employee = Person & { salary: number };

Generics Generics sử dụng một trình giữ chỗ (placeholder) để làm việc với nhiều kiểu dữ liệu. • function wrap(value: T): T { return value; }

Cách học:

  1. Gõ lại mọi ví dụ.
  2. Cố tình làm lỗi mã nguồn.
  3. Đọc các thông báo lỗi.
  4. Sửa chúng.

Phần 02 sẽ đề cập đến các công cụ kiểu dữ liệu nâng cao.

Nguồn: https://dev.to/mdhemalakhand1999/master-typescript-part-01-452g