Trong bài viết này, chúng ta sẽ bắt đầu từ những kiến thức cơ bản về kiểu dữ liệu trong TypeScript, giúp bạn hiểu rõ về cách TypeScript làm cho mã nguồn của bạn trở nên rõ ràng và dễ bảo trì hơn.

Kiểu Dữ Liệu Nguyên Thủy (Primitives)

Trong Javascript, chúng ta thường gặp các kiểu như number, string, boolean. Trong Typescript, bạn có thể khai báo kiểu cho biến như sau:

const age: number = 29;
const name: string = 'helloworld';
const isDev: boolean = true;

Lưu ý rằng việc đặt kiểu dữ liệu sau tên biến giúp tăng tính rõ ràng và dễ bảo trì của mã nguồn.

Sử Dụng let và var

Trong Typescript, khi sử dụng let hoặc var, việc thay đổi kiểu dữ liệu sẽ gây ra lỗi:

let age: number = 29;
age = 'helloworld'; // Lỗi: Type 'string' không thể gán cho kiểu 'number'.

Điều này giúp ngăn chặn việc sử dụng kiểu dữ liệu không nhất quán.

Tự Động Nhận Diện Kiểu Dữ Liệu

Khi khai báo các kiểu dữ liệu đơn giản như number, boolean, string, null, undefined, bạn có thể để Typescript tự động nhận diện kiểu:

let age = 29; // hover: let age: number

Ưu Điểm của Typescript: Mặc dù mã nguồn Typescript có thể dài hơn so với Javascript, nhưng những ưu điểm như tăng tính nhất quán, độ chính xác, và dễ bảo trì làm cho việc sử dụng Typescript trở nên hấp dẫn.

Kiểu Dữ Liệu Object

Object là một tập hợp key-value. Trong Typescript, việc khai báo kiểu cho object có thể giúp kiểm soát cấu trúc dữ liệu:

const student: {
  name: string;
  age: number;
  school: string;
  hobbies: string[];
  height: string;
} = {
  name: "ngo vinh toan",
  age: 30,
  school: "Aptech",
  hobbies: ["Badminton", "Coding"],
  height: "170cm",
};

Kiểu Dữ Liệu Array

Khai báo kiểu cho mảng cũng quan trọng:

const names: (string | number | boolean)[] = ["helloworld", 30, false];
const names2: Array<string | number | boolean> = ["helloworld", 30, false];

Union Type (string | number | boolean) cho phép mảng chứa nhiều kiểu dữ liệu khác nhau.

Khái Niệm về Union Type

Union Type cho phép một biến có thể mang nhiều kiểu dữ liệu khác nhau:

let age2: number | string = '30';
age2 = 30;

Điều này hữu ích khi có sự không nhất quán trong dữ liệu.

Sử Dụng Union Type trong Array

Áp dụng Union Type cho mảng:

const names2: Array<string | number | boolean> = [
  "helloworld",
  false,
  true,
  "study",
  1000,
  9999,
];

Việc này giúp xử lý mảng có các giá trị không đồng nhất.

Như vậy, thông qua việc hiểu rõ về kiểu dữ liệu cơ bản, Object, Array, và Union Type, bạn có thể nắm bắt được lợi ích của Typescript trong việc làm cho mã nguồn trở nên rõ ràng và dễ bảo trì. Hãy tiếp tục học và khám phá những khái niệm khác trong thế giới phong phú của Typescript!