Lớp là gì?
Thuộc phần Lập trình hướng đối tượng trong hành trình JavaScript của Coddy. Bài học 11 trên 56.
Lớp trong JavaScript là khuôn mẫu để tạo đối tượng với các thuộc tính và phương thức được định nghĩa sẵn. Lớp được giới thiệu trong ES6, cung cấp cú pháp rõ ràng và trực quan hơn để tạo đối tượng và xử lý kế thừa.
Định nghĩa một lớp đơn giản:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Phương thức constructor là một phương thức đặc biệt được gọi khi một đối tượng được tạo từ lớp.
Tạo một đối tượng của lớp:
const john = new Person("John", 25);Truy cập các thuộc tính của đối tượng đã tạo:
console.log(john.name); // Đầu ra: "John"
console.log(john.age); // Đầu ra: 25Thử thách
Tạo một lớp (class) tên là Car với hàm khởi tạo (constructor) nhận hai tham số (parameter): make và model. Hàm khởi tạo cần đặt các giá trị này làm thuộc tính của đối tượng.
Tự làm thử
// TODO: Tạo một lớp tên là Car
// TODO: Thêm hàm khởi tạo nhận hai tham số: make và model
// TODO: Gán các giá trị này (make và model) cho các thuộc tính của đối tượng
// Đừng sửa đoạn code bên dưới
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Lập trình hướng đối tượng
1Đối tượng và từ khóa this
Ôn nhanh: đối tượngThêm phương thức vào đối tượngTìm hiểu từ khóa thisHàm khởi tạoTừ khóa newThử thách ôn tập7Kế thừa và từ khóa extends
Kế thừaQuan hệ "là một"Từ khóa extendsPhương thức super()Kế thừa thuộc tính và phương thứcThử thách ôn tập13Kết hợp hay kế thừa
Quan hệ “có một” và “là một”Những hạn chế của kế thừa nhiều tầngXây dựng đối tượng5Đóng gói và quyền truy cập
Đóng góiTrường công khai và trường riêng tưPhương thức riêng tưThử thách ôn tập8Tổ chức code OOP
Tổ chức các lớp thành module11Dự án: Trình hiển thị hình dạng
Thiết lập: lớp Hình dạng và xuấtKế thừa lớp Hình trònGhi đè và phương thức diện tíchBộ đếm hình dạng tĩnh6Dự án: Tài khoản ngân hàng đơn giản
Lớp BankAccountGửi tiền và rút tiềnSố dư dưới dạng thuộc tính riêng tư9Phương thức và thuộc tính tĩnh
Cấp lớp và cấp instanceThuộc tính tĩnhPhương thức tiện ích tĩnhThử thách ôn tậpTự luyện tập: Trình biên dịch JavaScript online