Menu
CoddyTech
Bắt đầu học

Ghi đè và phương thức diện tích

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 41 trên 56.

challenge icon

Thử thách

Cải thiện lớp Circle bằng cách ghi đè phương thức describe() và thêm phương thức mới calculateArea().

Nhiệm vụ của bạn:

  1. Ghi đè phương thức describe() để trả về ${super.describe()} (Circle with radius ${this.radius}).

    Ví dụ: "A blue shape (Circle with radius 10)"

  2. Thêm phương thức calculateArea() để:
    • Tính diện tích bằng công thức: Math.PI * this.radius * this.radius

    • Trả về diện tích đã tính, không cần console.log

      *Đây là phương thức riêng của Circle, không có trong lớp Shape cha

Tự làm thử

import { Shape } from './Shape.js';
import { Circle } from './Circle.js';

// Kiểm thử
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"

const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Đầu ra cần là: "A blue shape (Circle with radius 10)"
console.log(myCircle.calculateArea()); // Đầu ra cần là: "314.1592653589793"

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ập

4Phương thức và quản lý trạng thái

Phương thức thay đổi trạng tháiMẫu chuỗi phương thức

7Kế 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ập

10Đa hình

Đa hình là gì?Ghi đè phương thức kế thừaSử dụng superThử thách ôn tập

13Kế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ượng

2Tổ chức code

Module là gì?Xuất bằng exportNhập bằng importExport mặc định và export có tên

5Đó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ập

8Tổ chức code OOP

Tổ chức các lớp thành module

11Dự á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ĩnh

14Hệ thống quản lý thư viện

Thiết kế thư việnLớp Book với compositionXác thực tác giả sách

3Lớp và đối tượng

Lớp là gì?Tạo instanceThuộc tính và phương thứcThử thách ôn tập

6Dự á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ập

12Getter và setter

Từ khóa get và setThuộc tính tính toánKiểm tra hợp lệ và tác dụng phụThử thách ôn tập

15Thử thách cuối cùng

Trình tạo nhân vật gameHệ thống sản phẩm thương mại điện tửHệ thống quản lý đại họcHệ thống thiết bị nhà thông minh

Tự luyện tập: Trình biên dịch JavaScript online