TypeScript không làm code bạn chạy đúng hơn.
Nó chỉ giúp bạn sai ít hơn trước khi code chạy.

Mở đầu – Hiểu sai phổ biến

Rất nhiều dev đang hiểu sai:

Thực tế:
TypeScript không tồn tại ở runtime.

Bản chất về TypeScript

TypeScript thực chất là:

TypeScript = Type Checker + Transpiler

Pipeline:

.ts (source)
   ↓
Parser → AST
   ↓
Type Checker
   ↓
Transformer
   ↓
.js (output)
   ↓
V8 (Node.js / Browser)

Đây là "bộ não" giúp TypeScript phát hiện lỗi ngay trong lúc bạn đang viết code, thay vì đợi đến khi chạy ứng dụng mới biết.

Phát hiện lỗi sớm (Static Analysis): Nó kiểm tra các lỗi logic về kiểu dữ liệu. Ví dụ: Bạn không thể thực hiện phép tính cộng một Số với một Object.
Hệ thống Type Annotations: Bạn sử dụng các cú pháp như : string, : number, interface, hoặc type để mô tả cấu trúc dữ liệu.
Hỗ trợ IDE: Nhờ có Type Checker, các trình soạn thảo như VS Code có thể gợi ý code (IntelliSense) chính xác 100%, giúp bạn biết rõ một object có những thuộc tính nào.
Runtime Zero Cost: Khi chương trình thực thi, toàn bộ phần kiểm tra kiểu này sẽ bị loại bỏ. Nó không gây tốn tài nguyên hệ thống khi ứng dụng chạy.

Trình duyệt (Chrome, Firefox,...) và Node.js không thể đọc trực tiếp file .ts. Chúng chỉ hiểu JavaScript. Transpiler đóng vai trò là "máy dịch".

Type Stripping (Xóa bỏ kiểu): Nhiệm vụ chính của nó là xóa sạch các cú pháp của TypeScript (như interface, enum, type) để biến nó thành JavaScript thuần túy.
Down-leveling (Hạ cấp phiên bản): Transpiler có thể chuyển đổi mã JavaScript hiện đại (ES6+) về các phiên bản cũ hơn (như ES5) để ứng dụng có thể chạy được trên các trình duyệt lâu đời.
Tương thích: Đảm bảo mã nguồn bạn viết bằng những tính năng mới nhất vẫn hoạt động ổn định ở mọi môi trường.

function greet(name: string): string {
  return "Hello " + name;
}

console.log(greet("Dev"));

👉 Đây gọi là:

Type Erasure

function greet(name: string): string {
  return "Hello " + name;
}
console.log(greet(123));

Hello 123

👉 Runtime vẫn chạy như JavaScript bình thường