Từ con số 0 đến chuyên gia với TypeScript

TypeScript giúp mã JavaScript của bạn an toàn hơn và dễ quản lý hơn. Nó giúp bạn phát hiện lỗi sớm.

TypeScript bổ sung kiểu dữ liệu tĩnh (static typing) cho JavaScript. Nó sẽ chuyển thành JavaScript thuần khi bạn chạy chương trình.

Các kiểu dữ liệu cơ bản phổ biến:

  • number: cho tất cả các số
  • boolean: true hoặc false
  • string: cho văn bản
  • symbol: cho các ID duy nhất
  • bigint: cho các số cực lớn

Chú thích kiểu (Type Annotations): let name: string = "Alice"; let age: number = 30;

Mảng và Đối tượng: let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };

Hàm: function greet(name: string): string { return "Hello, " + name; }

Sử dụng void nếu một hàm không trả về gì cả: function logMessage(): void { console.log("Message sent"); }

Các công cụ nâng cao:

  • Type Aliases: Tạo các kiểu dữ liệu riêng của bạn.
  • Interfaces: Định nghĩa cấu trúc của các đối tượng.
  • Enums: Sử dụng một tập hợp các hằng số có tên.
  • Tuples: Mảng có độ dài cố định với các kiểu dữ liệu cụ thể.
  • Generics: Tạo mã có thể tái sử dụng với nhiều kiểu dữ liệu khác nhau.
  • Utility Types: Sử dụng Partial, Pick, hoặc Record để sửa đổi các kiểu dữ liệu.

Các quy tắc thực hành tốt nhất cho quy trình làm việc của bạn:

  • Sử dụng type cho các bí danh đơn giản và các kiểu nguyên thủy.
  • Sử dụng interface cho cấu trúc đối tượng.
  • Tránh sử dụng any. Nó phá vỡ tính an toàn của mã nguồn.
  • Sử dụng unknown nếu bạn chưa biết kiểu dữ liệu.
  • Để trình biên dịch tự suy luận kiểu khi điều đó là hiển nhiên.
  • Thêm chú thích kiểu vào các API của bạn để tăng tính rõ ràng.

Làm chủ các công cụ này sẽ giúp bạn xây dựng các ứng dụng lớn và ổn định.

Nguồn: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j