Menu
CoddyTech
Bắt đầu học

Hệ thống sản phẩm thương mại điện 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 54 trên 56.

challenge icon

Thử thách

Đây là hệ thống sản phẩm của một cửa hàng trực tuyến. Sản phẩm có giá, còn sản phẩm vật lý như máy tính xách tay tính phí vận chuyển dựa trên trọng lượng. Sản phẩm kỹ thuật số như sách điện tử sẽ được miễn phí vận chuyển.

Nhiệm vụ của bạn là hoàn thành các phương thức còn thiếu trong hệ thống sản phẩm:

1: Hoàn thành lớp Product trong product.js:

  • Thêm phương thức getPrice() trả về this.#price
  • Thêm phương thức getDescription() trả về ${this.name} - $${this.#price}

2: Hoàn thành lớp PhysicalProduct trong physicalProduct.js:

  • Thêm phương thức calculateShipping() để:
    • Tính this.weight * 0.5 (50 xu mỗi pound)
    • Trả về phí vận chuyển

Tự làm thử

import { Product } from './product.js';
import { PhysicalProduct } from './physicalProduct.js';

const book = new Product('Book', 20);
const laptop = new PhysicalProduct('Laptop', 1000, 5);

console.log(book.getDescription()); // Sẽ hiển thị: "Book - $20"
console.log(laptop.getDescription()); // Sẽ hiển thị: "Laptop - $1000  (5 lbs)"

console.log(`Shipping cost for laptop: $${laptop.calculateShipping()}`); // Sẽ hiển thị: "Shipping cost for laptop: $2.5"

console.log(`Book price: $${book.getPrice()}`); // Sẽ hiển thị: "20"
console.log(`Laptop price: $${laptop.getPrice()}`); // Sẽ hiển thị: "1000"

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