Thiết lập: lớp Hình dạng và xuất
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 39 trên 56.
Thử thách
Trong dự án này, chúng ta sẽ xây dựng một hệ thống đơn giản để hiển thị hình dạng, qua đó minh họa các khái niệm chính của lập trình hướng đối tượng (Object-Oriented Programming). Chúng ta sẽ tạo các hình dạng có thể tự mô tả, thực hành kế thừa và sắp xếp code bằng module.
Nhiệm vụ của bạn:
- Trong `Shape.js`, tạo một lớp `Shape` với:
- Một hàm khởi tạo nhận một tham số:
color - Một phương thức tên là
describe()trả về:"A ${color} shape"
- Một hàm khởi tạo nhận một tham số:
- Xuất lớp bằng
export - Trong
main.js, nhập lớp bằng:import { Shape } from './Shape.js';
Tự làm thử
// TODO: Nhập lớp Shape từ './Shape.js';
// Kiểm tra lớp Shape
const myShape = new Shape('blue');
console.log(myShape.describe()); // In ra: "A blue shape"
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