Hướng dẫn TypeScript

TypeScript Simple Types

Admin
Oct 26, 2024
6 phút đọc
384

TypeScript, là một ngôn ngữ lập trình mạnh mẽ và linh hoạt, mở rộng JavaScript bằng cách thêm tính năng kiểu tĩnh. Điều này giúp bạn phát hiện lỗi sớm trong quá trình phát triển ứng dụng. Trong bài viết này, chúng ta sẽ tìm hiểu về các kiểu dữ liệu đơn giản (Simple Types) trong TypeScript, bao gồm số, chuỗi, boolean, và các kiểu dữ liệu khác.

Bài viết này là một phần của chuỗi học lập trình trên "codetuthub.com", cùng với các bài học khác như TypeScript Functions, TypeScript Interfaces, và TypeScript Classes.

1. Kiểu dữ liệu số (Number)

Trong TypeScript, kiểu dữ liệu số (number) có thể đại diện cho cả số nguyên và số thực. TypeScript sử dụng cùng một kiểu số như JavaScript.

Ví dụ về kiểu số

ts
let age: number = 30;
let price: number = 19.99;

Bạn có thể thực hiện các phép toán như cộng, trừ, nhân, và chia trên các biến kiểu số.

2. Kiểu dữ liệu chuỗi (String)

Kiểu dữ liệu chuỗi (string) dùng để đại diện cho các chuỗi văn bản. Bạn có thể tạo chuỗi bằng cách sử dụng dấu nháy đơn ('), dấu nháy kép ("), hoặc dấu nháy ngược (`) để sử dụng template literals.

Ví dụ về kiểu chuỗi

ts
let name: string = "Alice";
let greeting: string = `Hello, ${name}!`; // Sử dụng template literal

3. Kiểu dữ liệu Boolean

Kiểu dữ liệu boolean (boolean) chỉ có hai giá trị: true hoặc false. Kiểu dữ liệu này rất hữu ích cho các điều kiện và quyết định trong mã nguồn.

Ví dụ về kiểu boolean

ts
let isActive: boolean = true;
let hasPermission: boolean = false;

4. Kiểu dữ liệu mảng (Array)

TypeScript cho phép bạn tạo mảng với các phần tử có cùng kiểu dữ liệu. Có hai cách để định nghĩa mảng: sử dụng cú pháp mảng hoặc cú pháp generic.

Ví dụ về mảng

ts
let hobbies: string[] = ["Reading", "Traveling", "Gaming"];
let scores: Array<number> = [90, 85, 88]; // Cú pháp generic

5. Kiểu dữ liệu Tuple

Tuple là kiểu dữ liệu cho phép bạn định nghĩa mảng với số lượng và kiểu phần tử cố định. Điều này cho phép bạn lưu trữ các giá trị với các kiểu khác nhau trong cùng một mảng.

Ví dụ về tuple

ts
let user: [string, number] = ["Bob", 25]; // Tuple với một chuỗi và một số

6. Kiểu dữ liệu Enum

Kiểu dữ liệu Enum (liệt kê) cho phép bạn định nghĩa một tập hợp các giá trị có thể thay thế, giúp mã của bạn trở nên rõ ràng hơn và dễ bảo trì hơn.

Ví dụ về enum

ts
enum Color {
    Red,
    Green,
    Blue
}

let c: Color = Color.Green; // Giá trị c sẽ là 1 (Green)

7. Kiểu dữ liệu Any

Kiểu dữ liệu any cho phép bạn định nghĩa một biến có thể chứa bất kỳ kiểu dữ liệu nào. Tuy nhiên, sử dụng any có thể làm mất đi lợi ích của hệ thống kiểu tĩnh, vì vậy bạn nên sử dụng nó một cách thận trọng.

Ví dụ về kiểu any

ts
let randomValue: any = 42; // có thể là số
randomValue = "Hello"; // bây giờ là chuỗi
randomValue = true; // bây giờ là boolean

8. Kết luận

TypeScript cung cấp nhiều kiểu dữ liệu đơn giản để giúp bạn xây dựng ứng dụng một cách rõ ràng và an toàn hơn. Bằng cách sử dụng các kiểu dữ liệu như number, string, boolean, array, tuple, và enum, bạn có thể viết mã dễ hiểu và dễ bảo trì. Để tìm hiểu thêm về TypeScript, hãy tham khảo các bài học liên quan trên "codetuthub.com" như TypeScript Functions, TypeScript Interfaces, và TypeScript Classes.

Toàn Nguyễn
Toàn NguyễnTác giả

Tác giả tại CodeTutHub

Xin chào, mình là Toàn 👋
Là Senior Full-Stack Developer ở HCM, đồng thời là người đứng sau CodeTutHub. Mình viết về những gì mình thực sự dùng hàng ngày — từ Laravel, Next.js, đến cách workflow lập trình với AI agents như Claude Code và Cursor.
Nếu bạn thấy bài này hữu ích, hãy subscribe newsletter hoặc kết nối với mình. Mình luôn sẵn sàng thảo luận về dự án thú vị, cơ hội remote, hoặc đơn giản là chat về tech.
Ho Chi Minh City · Open for collaboration

0 Bình luận

Chưa có bình luận nào. Hãy là người đầu tiên!
Đang trả lời
Xoá bình luận

Bạn có chắc muốn xoá bình luận này?
Hành động này không thể hoàn tác.

Thông báo hệ thống
Thông tin