Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..) 
Chia lấy phần dư / chia lấy phần nguyên trong javascript 
Các cách khai báo biến trong Javascript 
Các sự kiện (Event) trong Javascript 
Hướng tạo thanh search bar bằng CSS 
Hàm array.slice() trong Javascript 
Tính tổng hai số bằng Javascript (cộng hai số) 
Cách khai báo biến trong PHP, các loại biến thường gặp 
Download và cài đặt Vertrigo Server 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng Tạo quản lý nhân viên với TypeScript
Trong bài viết này, mình sẽ tạo lớp Employee để quản lý thông tin cơ bản của nhân viên và sau đó tạo các lớp con như Manager, Developer, và Designer kế thừa từ lớp Employee. Mục tiêu của mình là hiểu cách sử dụng lớp và kế thừa trong TypeScript để quản lý thông tin nhân viên.
Quản lý nhân viên với TypeScript
Đầu tiên, mình sẽ định nghĩa lớp Employee với các thuộc tính cơ bản như name, age, position và các phương thức để quản lý thông tin nhân viên.
class Employee {
constructor(public name: string, public age: number, public position: string) {}
displayInfo(): void {
console.log(`Name: ${this.name}, Age: ${this.age}, Position: ${this.position}`);
}
}
// Lớp con Manager kế thừa từ lớp Employee
class Manager extends Employee {
constructor(name: string, age: number) {
super(name, age, "Manager");
}
}
// Lớp con Developer kế thừa từ lớp Employee
class Developer extends Employee {
constructor(name: string, age: number) {
super(name, age, "Developer");
}
}
// Lớp con Designer kế thừa từ lớp Employee
class Designer extends Employee {
constructor(name: string, age: number) {
super(name, age, "Designer");
}
}
// Sử dụng các lớp đã định nghĩa
const manager = new Manager("Alice", 35);
const developer = new Developer("Bob", 28);
const designer = new Designer("Eve", 30);
manager.displayInfo(); // Hiển thị thông tin của Manager
developer.displayInfo(); // Hiển thị thông tin của Developer
designer.displayInfo(); // Hiển thị thông tin của Designer
class Employee { ... }:Định nghĩa lớp cơ bảnEmployeevới ba thuộc tính làname,age,positionvà một phương thứcdisplayInfo()để hiển thị thông tin của nhân viên.class Manager extends Employee { ... }:Tạo lớp conManagerkế thừa từ lớpEmployee, và gọi phương thứcsuper()để truyền thông tin vào cho lớp cha.- Tương tự,
class Developer extends Employee { ... }vàclass Designer extends Employee { ... }tạo các lớp conDevelopervàDesignertương ứng.
Kết quả
Khi mình chạy đoạn mã trên, kết quả sẽ hiển thị thông tin của từng nhân viên tương ứng với chức vụ của họ.
Name: Alice, Age: 35, Position: Manager Name: Bob, Age: 28, Position: Developer Name: Eve, Age: 30, Position: Designer
Trong bài viết này, mình đã tạo ra các lớp Employee và các lớp con kế thừa từ lớp Employee để quản lý thông tin của các nhân viên với các chức vụ khác nhau. Việc sử dụng classes và inheritance trong TypeScript giúp tổ chức code một cách cấu trúc và dễ dàng mở rộng cho các tính năng và thuộc tính mới. Nếu có thắc mắc hoặc muốn mở rộng thêm, đừng ngần ngại đặt câu hỏi!
Bài giải
-------------------- ######## --------------------
Câu hỏi thường gặp liên quan:
- Tạo quản lý nhân viên với TypeScript
- Tạo hệ thống quản lý học viên với TypeScript
- Tạo lớp Animal với các thuộc tính và phương thức chung cho động vật với TypeScript.
- Tạo lớp cơ sở Component đại diện cho một thành phần giao diện trong TypeScript.
- Tạo quản lý xe với TypeScript
- Tạo lớp hình học với TypeScript
- Xây dựng hệ thống ngân hàng trong Typescript
