Bắt đầu với TypeScript dành cho người mới bắt đầu

TypeScript là một siêu tập mạnh mẽ của JavaScript bổ sung kiểu tĩnh và các tính năng nâng cao khác vào ngôn ngữ. Nó giúp các nhà phát triển phát hiện lỗi sớm, viết mã sạch hơn và duy trì cơ sở mã lớn hiệu quả hơn. Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn những điều cơ bản về TypeScript và giúp bạn bắt đầu sử dụng, ngay cả khi bạn là người mới bắt đầu hoàn toàn.

TypeScript là gì?

TypeScript là một ngôn ngữ lập trình mã nguồn mở do Microsoft phát triển. Nó xây dựng dựa trên JavaScript bằng cách thêm các kiểu tĩnh, có thể giúp xác định lỗi tại thời điểm biên dịch thay vì thời gian chạy. Điều này giúp viết mã đáng tin cậy và dễ bảo trì hơn. Mã TypeScript cần được biên dịch thành JavaScript trước khi có thể chạy trong trình duyệt hoặc môi trường Node.js.

Tại sao nên sử dụng TypeScript?

• Cải thiện chất lượng mã và phát hiện lỗi sớm bằng cách gõ tĩnh
• Các tính năng công cụ và tự động hoàn thiện tốt hơn trong IDE hiện đại
• Khả năng đọc và bảo trì được cải thiện cho các cơ sở mã lớn
• Hỗ trợ các tính năng JavaScript mới nhất và các tiêu chuẩn trong tương lai

Cách cài đặt TypeScript

Trước khi bạn có thể bắt đầu sử dụng TypeScript, bạn cần cài đặt nó trên máy của mình. Bạn sẽ cần cài đặt Node.js và npm (Node Package Manager). Nếu bạn chưa cài đặt, hãy tải xuống từ trang web Node.js.

1. Mở terminal hoặc dấu nhắc lệnh.
2. Chạy lệnh sau để cài đặt TypeScript trên toàn cầu:

npm install -g typescript

Lệnh này sẽ cài đặt TypeScript trên toàn hệ thống của bạn, cho phép bạn truy cập từ bất kỳ thư mục nào.

Tạo chương trình TypeScript đầu tiên của bạn

Sau khi đã cài đặt TypeScript, bạn có thể tạo tệp TypeScript đầu tiên của mình. Thực hiện theo các bước sau:

1. Tạo một thư mục mới cho dự án của bạn và điều hướng đến thư mục đó bằng terminal:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Tạo một tệp TypeScript mới có tên app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Thao tác này sẽ tạo ra một tệp TypeScript đơn giản ghi lại "Xin chào, TypeScript!" vào bảng điều khiển.

Biên dịch TypeScript sang JavaScript

Mã TypeScript không thể được thực thi trực tiếp bởi trình duyệt hoặc Node.js; trước tiên nó phải được biên dịch thành JavaScript. Bạn có thể biên dịch tệp TypeScript của mình bằng cách chạy lệnh sau trong terminal của bạn:

tsc app.ts

Lệnh này tạo ra một tệp JavaScript có tên app.js trong cùng thư mục. Bây giờ bạn có thể chạy tệp JavaScript đã biên dịch bằng Node.js:

node app.js

Bạn sẽ thấy Xin chào, TypeScript! được in trên bảng điều khiển.

Hiểu các kiểu cơ bản trong TypeScript

TypeScript giới thiệu một số kiểu cơ bản giúp bạn xác định hình dạng và cấu trúc dữ liệu của mình. Sau đây là một số kiểu phổ biến:

• Số: Biểu thị giá trị số.
• Chuỗi: Biểu thị giá trị văn bản.
• Boolean: Biểu thị giá trị đúng hoặc sai.
• Mảng: Biểu thị tập hợp các giá trị cùng loại.
• Tuple: Biểu diễn một mảng có số lượng phần tử cố định thuộc nhiều kiểu khác nhau.
• Enum: Biểu thị một tập hợp các hằng số được đặt tên.
• Any: Biểu thị kiểu động có thể chứa bất kỳ giá trị nào.

Ví dụ: Sử dụng Types trong TypeScript

Hãy cùng xem một ví dụ đơn giản minh họa cách sử dụng các kiểu khác nhau trong TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

Trong ví dụ này, chúng tôi định nghĩa các biến với các kiểu cụ thể như number, string, boolean, array, tuple và enum. Trình biên dịch TypeScript sẽ đảm bảo rằng các biến được gán đúng kiểu, cung cấp một lớp an toàn mà JavaScript thuần túy không cung cấp.

Phần kết luận

TypeScript là lựa chọn tuyệt vời cho các nhà phát triển muốn viết mã mạnh mẽ và dễ bảo trì hơn. Bằng cách thêm các kiểu tĩnh vào JavaScript, TypeScript có thể giúp bạn phát hiện lỗi sớm và cung cấp hỗ trợ công cụ tốt hơn. Trong hướng dẫn này, bạn đã tìm hiểu những điều cơ bản về TypeScript, cách cài đặt, viết một chương trình đơn giản và sử dụng một số kiểu cơ bản của TypeScript. Khi bạn tiếp tục khám phá TypeScript, bạn sẽ khám phá ra nhiều tính năng mạnh mẽ hơn có thể giúp cải thiện quy trình phát triển của mình.