Giới thiệu về TypeScript

TypeScript là gì?

TypeScript là một ngôn ngữ lập trình do Microsoft phát triển, mở rộng từ JavaScript bằng cách bổ sung hệ thống kiểm tra kiểu tĩnh (static type checking). Nó giúp phát triển các ứng dụng lớn dễ dàng hơn, đồng thời vẫn có thể chạy trên mọi trình duyệt và nền tảng hỗ trợ JavaScript.

Một cách đơn giản, có thể hiểu TypeScript là JavaScript nhưng có thêm hệ thống kiểu (type system) để giúp lập trình viên phát hiện lỗi sớm ngay khi viết code.

Sự khác biệt giữa TypeScript và JavaScript

Nói cách khác, TypeScript giúp kiểm tra lỗi ngay từ khi viết mã, trong khi JavaScript chỉ phát hiện lỗi khi chương trình thực sự chạy.

Lợi ích của việc sử dụng TypeScript

• Kiểm tra kiểu (Type Checking): Giúp phát hiện lỗi ngay từ khi viết code, tránh lỗi trong quá trình chạy.
• Cải thiện hiệu suất phát triển:
  • Hỗ trợ gợi ý code thông minh.
  • Tích hợp tốt với các IDE như VS Code.
  • Dễ bảo trì hơn, đặc biệt với các dự án lớn.
• Tương thích với JavaScript: TypeScript có thể chạy trên tất cả các môi trường hỗ trợ JavaScript, giúp chuyển đổi dần dần từ JavaScript sang TypeScript một cách dễ dàng.

Cài đặt môi trường

Cài đặt Node.js và TypeScript

TypeScript yêu cầu Node.js để chạy trình biên dịch (compiler).

1. Tải và cài đặt Node.js từ trang chủ: https://nodejs.org/
2. Sau khi cài đặt, kiểm tra phiên bản bằng lệnh:

   node -v
   npm -v
   

3. Cài đặt TypeScript bằng npm:

   npm install -g typescript
   

4. Kiểm tra phiên bản TypeScript:

   tsc -v
   

Thiết lập IDE

Khuyến nghị sử dụng Visual Studio Code để viết TypeScript.

1. Tải Visual Studio Code tại https://code.visualstudio.com/
2. Cài đặt Extension TypeScript Hero để hỗ trợ viết mã TypeScript tốt hơn.

Chạy chương trình TypeScript đầu tiên

Tạo file TypeScript

Tạo một file mới có tên hello.ts với nội dung sau:

let message: string = "Hello, TypeScript!";
console.log(message);

Dịch mã TypeScript sang JavaScript

Mở terminal và chạy lệnh sau:

tsc hello.ts

Lệnh này sẽ tạo ra một file hello.js chứa mã JavaScript tương ứng.

Chạy file JavaScript

Sử dụng Node.js để chạy chương trình:

node hello.js

Kết quả hiển thị:

Hello, TypeScript!

Tổng kết

• TypeScript là một phiên bản mở rộng của JavaScript, cung cấp hệ thống kiểu tĩnh giúp phát hiện lỗi sớm.
• Nó hỗ trợ nhiều tính năng mạnh mẽ như Interface, Generic, Enum, giúp lập trình hướng đối tượng tốt hơn.
• TypeScript có thể dễ dàng cài đặt và sử dụng thông qua npm.
• Chương trình TypeScript được viết dưới dạng file .ts, sau đó biên dịch sang .js và chạy trên trình duyệt hoặc Node.js.

Trong bài tiếp theo, chúng ta sẽ tìm hiểu về các kiểu dữ liệu trong TypeScript.