Cách sử dụng các kiểu trong TypeScript được giải thích cho người mới bắt đầu

TypeScript giới thiệu kiểu tĩnh cho JavaScript, giúp phát hiện lỗi trong quá trình phát triển và cải thiện chất lượng mã. Bài viết này sẽ hướng dẫn bạn những điều cơ bản về cách sử dụng kiểu trong TypeScript, giúp người mới bắt đầu dễ hiểu hơn về cách tận dụng hệ thống kiểu của TypeScript.

Kiểu trong TypeScript là gì?

Các kiểu trong TypeScript giúp xác định hình dạng và cấu trúc của dữ liệu. Bằng cách chỉ định các kiểu, bạn đảm bảo rằng các biến, tham số hàm và giá trị trả về tuân thủ các định dạng mong đợi. Điều này có thể ngăn ngừa nhiều lỗi lập trình phổ biến.

Các loại cơ bản

TypeScript cung cấp một số kiểu cơ bản mà bạn có thể sử dụng để định nghĩa biến và hàm:

• Số: Biểu thị giá trị số.
• Chuỗi: Biểu thị dữ liệu văn bản.
• Boolean: Biểu thị giá trị đúng hoặc sai.
• Mảng: Biểu thị một tập hợp các giá trị của một kiểu cụ thể.
• Đối tượng: Biểu thị một tập hợp các cặp khóa-giá trị.

Ví dụ số

let age: number = 30;

Ví dụ về chuỗi

let name: string = "John Doe";

Ví dụ Boolean

let isStudent: boolean = true;

Ví dụ về mảng

let scores: number[] = [85, 90, 78];

Ví dụ đối tượng

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Suy luận kiểu

TypeScript có thể tự động suy ra các kiểu dựa trên các giá trị được gán. Điều này có nghĩa là bạn không phải lúc nào cũng cần chỉ định rõ ràng các kiểu, mặc dù việc này có thể làm tăng tính rõ ràng của mã.

Ví dụ về suy luận kiểu

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Các loại tùy chỉnh với giao diện

Giao diện trong TypeScript cho phép bạn định nghĩa các kiểu tùy chỉnh với cấu trúc cụ thể. Chúng đặc biệt hữu ích để tạo các đối tượng phức tạp và đảm bảo hình dạng nhất quán trên toàn bộ ứng dụng của bạn.

Ví dụ về giao diện

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Các loại công đoàn

Kiểu hợp nhất cho phép một biến giữ các giá trị của nhiều kiểu. Điều này có thể hữu ích khi một giá trị có thể là một trong nhiều kiểu.

Ví dụ về loại liên minh

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Loại bí danh

Biệt danh kiểu cho phép bạn tạo tên mới cho một kiểu. Điều này có thể hữu ích để đơn giản hóa các định nghĩa kiểu phức tạp.

Ví dụ về Biệt danh Loại

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Phần kết luận

Sử dụng các kiểu trong TypeScript mang lại nhiều lợi ích, bao gồm phát hiện lỗi sớm, cải thiện khả năng đọc mã và tăng cường khả năng bảo trì. Bằng cách hiểu các kiểu cơ bản, suy luận kiểu, giao diện, kiểu hợp nhất và bí danh kiểu, bạn có thể bắt đầu tận dụng TypeScript để viết mã mạnh mẽ và đáng tin cậy hơn. Khi bạn có thêm kinh nghiệm với TypeScript, bạn sẽ khám phá ra nhiều tính năng và mẫu nâng cao hơn nữa có thể cải thiện hơn nữa quy trình phát triển của bạn.