TypeScript: Superset Có Kiểu Của JavaScript
/TypeScript
TypeScript là một superset của JavaScript, bổ sung hệ thống kiểu tùy chọn và biên dịch xuống JavaScript thuần, nên kết quả chạy được ở bất cứ đâu JavaScript chạy được. Compiler bắt được cả một nhóm lỗi trước khi code được đưa vào sản phẩm: sai kiểu tham số, gõ nhầm tên thuộc tính, dùng giá trị null ở chỗ không nên dùng. Hãy dùng khi có nhiều hơn một người cùng đụng vào codebase; bỏ qua nếu chỉ viết một script dùng một lần rồi bỏ.
Tìm Hiểu TypeScript
TypeScript là superset có kiểu của JavaScript do Microsoft duy trì, bổ sung một hệ thống kiểu tùy chọn lên trên ngôn ngữ bạn vẫn viết hàng ngày. Compiler kiểm tra các kiểu đó rồi sinh ra JavaScript dễ đọc, theo chuẩn, không phụ thuộc TypeScript ở runtime. Chính README của dự án định vị nó là ngôn ngữ cho JavaScript quy mô ứng dụng, không phải công cụ cho script nhỏ.
Tính Năng Cốt Lõi Của TypeScript
- ✓Kiểu tĩnh tùy chọn đặt lên trên JavaScript: file này có thể vẫn là JavaScript thuần trong khi file khác dùng kiểu, nên việc áp dụng không đòi hỏi viết lại toàn bộ.
- ✓Biên dịch ra JavaScript dễ đọc, theo chuẩn, theo đúng mô tả của repo, chứ không phải một khối bundle khó hiểu.
- ✓Phát hành bản ổn định qua `npm install -D typescript`, cùng bản nightly qua `typescript@next` để thử thay đổi compiler sắp tới.
- ✓Có lộ trình công khai trên wiki GitHub của dự án, nêu các tính năng và hướng đi dự kiến.
- ✓Giấy phép Apache-2.0, với 110.164 star và 13.724 fork trên GitHub.
- ✓Một dự án đi kèm, typescript-go, giờ đảm nhiệm phần lớn việc sửa lỗi compiler hàng ngày và là nơi công việc hướng tới TypeScript 7.0 đang diễn ra, theo ghi chú đóng góp của repo này.
- ✓Tài liệu nằm trên typescriptlang.org, gồm hướng dẫn nhanh "TypeScript trong 5 phút" và cẩm nang lập trình đầy đủ, cả hai đều được README dẫn link.
Cài Đặt TypeScript
Cài TypeScript chỉ cần một lệnh npm: `npm install -D typescript` thêm bản ổn định mới nhất làm dev dependency. Để thử các thay đổi compiler đang phát triển trước khi ra bản ổn định, hãy cài bản nightly bằng `npm install -D typescript@next`. README không nêu lệnh cài đặt global hay cách cài qua trình quản lý gói khác ngoài npm, nên cứ coi cách cài dev dependency cục bộ này là con đường được ghi lại.
Thử TypeScript
README dẫn tới playground chính thức tại typescriptlang.org/play như cách thử TypeScript ngay trên trình duyệt, không cần cài gì. Repo này không kèm hướng dẫn nhập môn nào cả. Ngoài đường link đó, README không hướng dẫn chạy `tsc` trên một file hay thiết lập tsconfig.json, nên hãy kết hợp playground với tài liệu "TypeScript trong 5 phút" được dẫn link để có một dự án đầu tay có hướng dẫn.
Ai Được Lợi Từ TypeScript?
TypeScript có lợi cho bất kỳ team JavaScript nào có nhiều hơn một người đọc code, nhất là khi dự án đủ lớn để một hàm bị đổi tên hay một tham số gõ nhầm có thể ẩn mình cho tới lúc chạy. Nó cũng hợp với những dev muốn kiểm tra kiểu được tích hợp thẳng vào gợi ý tự động hoàn thành của editor, thay vì gắn thêm bằng một công cụ riêng. Nếu bạn chỉ viết một script dùng một lần, hoặc làm một mình thứ gì xong trong một buổi, việc viết annotation kiểu sẽ tốn thời gian hơn là tiết kiệm được.
Câu Hỏi Thường Gặp
TypeScript bổ sung một hệ thống kiểu tùy chọn lên trên JavaScript, giúp developer bắt lỗi liên quan đến kiểu ngay trong lúc phát triển, đồng thời biên dịch xuống JavaScript dễ đọc, theo chuẩn cho production.
Chạy `npm install -D typescript` để thêm bản ổn định mới nhất làm dev dependency, hoặc `npm install -D typescript@next` để lấy bản nightly, theo README của dự án.
TypeScript được phát hành theo giấy phép Apache-2.0, như được ghi trên repository GitHub của nó.
README dẫn tới typescriptlang.org cho hướng dẫn nhanh "TypeScript trong 5 phút", cẩm nang lập trình đầy đủ, và trang chủ của dự án.
TypeScript có thể thử mà không cần cài gì, qua playground chính thức tại typescriptlang.org/play, được README dẫn link trực tiếp.
Chính README của TypeScript mô tả nó là ngôn ngữ cho JavaScript quy mô ứng dụng, với kiểu được thiết kế để hỗ trợ công cụ trên các codebase lớn — đó là mục tiêu thiết kế mà dự án tự công bố, không phải một benchmark mà repo này đưa ra.
Điểm mạnh
- ✓Áp dụng tùy chọn: file có thể vẫn là JavaScript thuần trong khi file khác dùng kiểu, nên một codebase lớn không cần viết lại để bắt đầu hưởng lợi.
- ✓Biên dịch ra JavaScript theo chuẩn, nên kết quả build không phụ thuộc TypeScript ở runtime sau khi đã build xong.
- ✓Lộ trình công khai trên wiki của dự án nêu rõ tính năng và hướng đi dự kiến, thay vì để người đóng góp tự đoán.
- ✓Bản nightly được phát hành song song bản ổn định, nên team có thể thử hành vi compiler sắp tới trước khi nó ra mắt chính thức.
- ✓Giấy phép Apache-2.0 không đi kèm điều khoản gây khó khi nhúng compiler vào công cụ khác.
Hạn chế & rủi ro
- △Phần lớn việc sửa lỗi compiler hàng ngày giờ chuyển sang repo riêng typescript-go; repo này chỉ nhận một nhóm hẹp các bản sửa, theo ghi chú đóng góp của chính nó: crash phát sinh từ bản 5.9 hoặc 6.0 mà cũng lặp lại ở 7.0, các vấn đề bảo mật, crash của language service ảnh hưởng đáng kể, hoặc regression nghiêm trọng từ bản 5.9.
- △Việc thêm tính năng và thay đổi hành vi trong repo này đang tạm dừng cho tới khi TypeScript 7.0 hoàn tất, theo README, nên tính năng ngôn ngữ mới sẽ không được merge vào đây trong thời gian gần.
- △README có dẫn tới một trang wiki về lộ trình hướng đi, nhưng bản thân README không nêu số phiên bản hay ngày phát hành cụ thể cho TypeScript 7.0.
- △Tài liệu cài đặt và khởi đầu nhanh nằm ngoài repo này, trên typescriptlang.org và trong cẩm nang được dẫn link, chứ không nằm trong chính README.
Lựa chọn thay thế
Vấn đề nó giải quyết
JavaScript thuần không báo sai kiểu tham số hay tên thuộc tính gõ nhầm cho đến khi dòng code đó thực sự chạy, đôi khi là ngay trên production. TypeScript kiểm tra kiểu trước khi biên dịch, bắt được một nhóm lỗi mà runtime của JavaScript không thể phát hiện cho tới đúng thời điểm thực thi dòng đó. Nó vẫn biên dịch xuống JavaScript chuẩn, nên vá lỗ hổng này không đòi hỏi thay cả hệ sinh thái JavaScript bên dưới dự án, chỉ cần thêm một lớp kiểm tra lên trên.
Trường hợp sử dụng tốt nhất
- •Thêm kiểm tra kiểu vào một codebase JavaScript sẵn có theo từng file, không cần viết lại toàn bộ.
- •Bắt các lỗi liên quan đến kiểu, như truyền sai tham số hàm hay dùng thuộc tính chưa được định nghĩa, ngay trong lúc phát triển thay vì lúc chạy trên production.
- •Làm việc trên một codebase trải cả front-end lẫn back-end JavaScript, vì kết quả biên dịch chạy được ở bất cứ đâu JavaScript chạy, theo README.
- •Thử ngôn ngữ này trong playground chính thức trước khi thiết lập cả một dự án đầy đủ.
Repo liên quan
Chưa chắc TypeScript có hợp với bạn?
Để ChatGPT, Claude hoặc Perplexity tìm hiểu giúp — bấm bên dưới và xem AI nói gì về TypeScript.