Giới thiệu
TypeScript là một ngôn ngữ lập trình mạnh mẽ, được phát triển và duy trì bởi Microsoft. Nó là một phiên bản mở rộng của JavaScript, thêm vào các tính năng như kiểu dữ liệu tĩnh và các lớp, giúp lập trình viên viết mã dễ đọc và dễ bảo dưỡng hơn.
Tại sao chúng ta nên sử dụng TypeScript?
- Kiểu dữ liệu tĩnh: TypeScript hỗ trợ kiểu dữ liệu tĩnh, giúp phát hiện lỗi ngay trong quá trình viết mã, thay vì chờ đến khi chạy mã.
- Hỗ trợ ES6 và ES7: TypeScript hỗ trợ tất cả các tính năng mới của ES6 và ES7, giúp lập trình viên viết mã hiện đại hơn.
- Tính năng OOP mạnh mẽ: TypeScript hỗ trợ đầy đủ các tính năng của lập trình hướng đối tượng, bao gồm lớp, interface, và kế thừa
Chuyển từ JavaScript sang TypeScript
Chào mừng bạn đến với bài học về cách chuyển đổi từ JavaScript sang TypeScript. Trước khi chúng ta bắt đầu, hãy nhớ rằng TypeScript là một siêu tập của JavaScript, nghĩa là mọi thứ bạn có thể làm trong JavaScript, bạn cũng có thể làm trong TypeScript.
Khởi tạo variable
Trong JavaScript, bạn khởi tạo biến như sau:
let name = 'John Doe';
let age = 25;
Trong TypeScript, bạn cũng có thể khởi tạo biến tương tự như trên. Tuy nhiên, TypeScript cung cấp thêm khả năng kiểm tra kiểu dữ liệu:
let name: string = 'John Doe';
let age: number = 25;
Function
Hàm trong JavaScript:
function greet(name) {
return 'Hello, ' + name;
}
Khi chuyển sang TypeScript, bạn có thể chỉ định kiểu dữ liệu cho tham số và giá trị trả về của hàm:
function greet(name: string): string {
return 'Hello, ' + name;
}
Class
Đây là cách bạn tạo một lớp trong JavaScript:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
return 'Hello, my name is ' + this.name;
}
}
Trong TypeScript, bạn có thể thêm kiểu dữ liệu cho các thuộc tính và phương thức của lớp:
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet(): string {
return 'Hello, my name is ' + this.name;
}
}
