Các loại và chú thích nguyên thủy

TypeScript là bộ siêu dữ liệu được định kiểu của JavaScript, nghĩa là nó thêm cú pháp kiểu tĩnh lên trên JavaScript hiện có. Trong thời gian chạy, tất cả mã TypeScript được biên dịch thành JavaScript thuần và các loại biến mất hoàn toàn trong quá trình xây dựng.

Nhờ TypeScript, bạn có thể phát hiện lỗi trước khi mã chạy trong trình duyệt, giúp quá trình phát triển của bạn trở nên mạnh mẽ, an toàn và có thể mở rộng hơn.

Các loại nguyên thủy

TypeScript hỗ trợ các kiểu nguyên thủy JavaScript tiêu chuẩn:

• string: Biểu thị chuỗi ký tự (ví dụ: 'Alice', "Hello").
• number: Biểu thị các giá trị số, cả số nguyên và số thập phân (ví dụ: 42, 3.14).
• boolean: Biểu thị giá trị chân lý (true hoặc false).
• null và undefined: Thể hiện sự vắng mặt có chủ ý hoặc vô ý của một giá trị.

const username: string = 'Alice';
const score: number = 100;
const isActive: boolean = true;

Chú thích và suy luận biến

Trong TypeScript, chúng ta có thể thêm chú thích loại bằng cách sử dụng dấu hai chấm (:) theo sau là loại.

Nếu bạn cố gắng gán một giá trị thuộc loại khác (ví dụ: gán một chuỗi cho age được xác định là number), trình biên dịch TypeScript sẽ ngay lập tức báo lỗi trước khi mã chạy.

Sự nguy hiểm của loại any

Loại any là một lối thoát đặc biệt yêu cầu TypeScript tắt hoàn toàn việc kiểm tra loại cho biến đó.

let data: any = 42;
data = 'Hello'; // No error!
data.nonExistentMethod(); // No error at compile time, but it crashes at runtime!

Việc sử dụng any phủ nhận tất cả lợi ích an toàn của việc sử dụng TypeScript. Nó được coi là một thói quen xấu và hầu như luôn nên tránh trong mã sản xuất.

Chú thích hàm và loại void

Chúng ta có thể chú thích cả tham số và giá trị trả về của hàm:

function calculateTax(price: number, taxRate: number): number {
  return price * taxRate;
}

Nếu một hàm không trả về bất kỳ giá trị nào (ví dụ: nó chỉ trả về console.log), thì kiểu trả về của nó là void:

function logMessage(message: string): void {
  console.log(message);
}

Hãy tự mình thử

Bài tập 1: Các biến được gõ

Bài tập 2: Chức năng chào hỏi

Bài tập 3: Bộ chuyển đổi nhiệt độ

Bài tập 4: Tính chiết khấu