Các kiểu dữ liệu là một trong những nội dung cơ bản cần thiết trong học lập trình TypeScript. Kiểu dữ liệu của TypeScript giúp cho việc xác định giá trị mong muốn cho biến hoặc hàm, tăng tính bảo mật và chính xác của mã. Trong bài viết này, chúng ta sẽ tìm hiểu các kiểu dữ liệu cơ bản như number, string, boolean,... và cách sử dụng chúng.

Các kiểu dữ liệu cơ bản trong TypeScript bao gồm:

1. Number: Sử dụng cho các giá trị số như số nguyên hoặc số thực.

2. String: Sử dụng cho các giá trị chuỗi văn bản.

3. Boolean: Sử dụng cho các giá trị logic, chỉ có hai giá trị là true hoặc false.

4. Array: Sử dụng cho các danh sách các giá trị cùng loại.

5. Tuple: Sử dụng cho các danh sách các giá trị có thể có kiểu dữ liệu khác nhau.

6. Enum: Sử dụng để xác định các giá trị có tên cho các giá trị hằng số.

7. Any: Sử dụng để cho phép gán bất kỳ giá trị nào cho một biến.

Sử dụng các kiểu dữ liệu trong TypeScript có thể giúp bạn tăng tính rõ ràng và tính năng của mã, giúp tránh lỗi và dễ dàng hơn trong quá trình debug, nó khắc phục nhược điểm của Javascript. Ví dụ như khi dùng TypeScript, một biến khai báo chính xác kiểu Number nhưng sau đó lại bị gán thành kiểu String thì sẽ báo không hợp lệ.

Thông tin thêm:

- TypeScript cung cấp rõ ràng và tĩnh kiểu dữ liệu cho biến và hàm, trong khi JavaScript chỉ có kiểu dữ liệu tự động.

- TypeScript cung cấp kiểu dữ liệu tại thời gian biên dịch, trong khi JavaScript chỉ có kiểu dữ liệu tại thời gian chạy.

- TypeScript hỗ trợ bắt lỗi trong quá trình biên dịch, giúp nhận dạng và sửa các lỗi trước khi chạy, trong khi JavaScript chỉ bắt lỗi khi chạy.

Ví dụ cho từng kiểu dữ liệu:

1. Number

let num: number = 123;
console.log(num); // 123

2. String

let name: string = 'John Doe';
console.log(name); // John Doe

3. Boolean

let isValid: boolean = true;
console.log(isValid); // true

4. Array

let numbers: number[] = [1, 2, 3];
console.log(numbers); // [1, 2, 3]

5. Tuple

let person: [string, number] = ['John Doe', 35];
console.log(person); // ['John Doe', 35]

6. Enum

enum Color { Red, Green, Blue };
let color: Color = Color.Green;
console.log(color); // 1

7. Any

let value: any = 'Hello';
console.log(value); // Hello
value = 123;
console.log(value); // 123

Sử dụng kiểu dữ liệu là một trong những cách quan trọng để tăng tính bảo mật và chính xác của mã lập trình. TypeScript sử dụng kiểu dữ liệu để giúp lập trình viên xác định giá trị mong muốn cho biến hoặc hàm, và tăng tính dễ dàng cho việc refactor mã.

Ví dụ minh họa giữa JS và TS: 

// Cách viết không sử dụng kiểu dữ liệu
function add(a, b) {
  return a + b;
}

let result = add('Hello', 123);
console.log(result); // Hello123

// Cách viết sử dụng kiểu dữ liệu
function add(a: number, b: number): number {
  return a + b;
}

let result = add(123, 456);
console.log(result); // 579

Trong ví dụ trên, khi chưa sử dụng kiểu dữ liệu, chúng ta có thể truyền vào bất kỳ giá trị nào cho hàm add, dẫn đến kết quả không như mong muốn. Tuy nhiên, khi sử dụng kiểu dữ liệu, chúng ta chỉ có thể truyền vào giá trị kiểu number, đảm bảo kết quả trả về là chính xác.