Lớp
Bài học 7 trên 9 trong khóa học Những phần khó trong JavaScript hiện đại (ES6+) của Coddy.
Lớp là khuôn mẫu để tạo ra các đối tượng.
Dùng từ khóa class để tạo một lớp.
Lớp có thể có một phương thức đặc biệt tên là constructor để khởi tạo các biến của đối tượng.
Phương thức constructor chạy khi một đối tượng được tạo từ lớp bằng từ khóa new. Ví dụ: const person = new Person("Coddy");
class Employee {
constructor(name, id) { //hàm khởi tạo
this.name = name;
this.id = id;
}
work(){ // một phương thức của lớp
console.log("Employee works");
}
}Quan sát ví dụ trên, lớp Employee là khuôn mẫu cho một đối tượng có hai thuộc tính (biến), đó là name, id và một phương thức tên là work.
const employee1 = new Employee("John Doe", 10001) ; // Truyền giá trị cho name và id vào hàm khởi tạo (constructor)
console.log(employee1.name) // John Doe: truy cập các biến (variable)
employee1.work() // "Employee works": gọi các phương thức (method)
Thử thách
DễTạo một lớp Person có các thuộc tính name và age, cùng các phương thức update và print.
Phương thức update nhận các tham số name và age, rồi cập nhật các thuộc tính name & age của lớp.
Phương thức print in ra các giá trị của name và age theo định dạng: "Person name: <name>, age: <age>" trong đó <name> và <age> là các giá trị của name và age.
Ví dụ: "Person name: Shubham, age: 25"
Đừng quên hàm khởi tạo để khởi tạo các thuộc tính
Tự làm thử
Tất cả bài học trong Những phần khó trong JavaScript hiện đại (ES6+)
Tự luyện tập: Trình biên dịch JavaScript online