Hướng dẫn TypeScipt #2: Biên dịch typescript (Compiling TypeScript)

Biên dịch typescript là quá trình biên dịch từ file “.ts” sang file “.js”. Vì bản chất việc các bạn sử dụng typescript để lập trình, cuối cùng vẫn phải biên dịch sang “.js” để trình duyệt có thể hiểu và thực thi. Lúc này, các bạn có thể hiểu nôm na là Typescript như một công cụ bổ trợ để các bạn viết Javascript một cách chuẩn chỉ hơn, theo những quy tắc bắt buộc để code dễ hiểu và bảo trì sau này.

Biên dịch typescript (Compiling TypeScript)

Để hiểu quá trình biên dịch này, các bạn có thể tạo một Project đơn giản bao gồm các tệp tin như mình làm dưới đây. Các bạn có thể tải từ GitHub về:

https://github.com/thangdangblog/Typescript.git

Cấu trúc như sau:

Để phục vụ cho việc học các bạn có thể cài thêm Live Server Extension để  tiện học tập.

Ở đây mình sẽ viết một đoạn script đơn giản để lấy giá trị từ ô title bằng id trong file Typecript:

Các bạn chưa cần quan tâm vội các cú pháp trong nội dung mình vừa viết. Lúc này, nếu các bạn chạy chương trình thì vẫn chưa thấy nội dung được in ra. Vì mình mới viết trong file typescript thôi. Lúc này cần phải biên dịch sang tệp JS để chương trình có thể hiểu được nội dung. Chạy lệnh: tsc main.ts để biên dịch thành file main.js như sau:

Lúc này file main.ts sẽ biên dịch thành tệp main.js như sau:

Các bạn sẽ thấy cú pháp sẽ được rút gọn như các bạn viết javascript thông thường. Trình duyệt đã có thể hiểu nội dung các bạn viết: