Menu
CoddyTech

Kế thừa

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

Kế thừa trong lập trình hướng đối tượng JavaScript là cách để một lớp truy cập vào tất cả thuộc tính và phương thức của một lớp khác.

Hãy xem một ví dụ. Tạo một lớp cha:

class Vehicle {
 constructor(brand, model) {
   this.brand = brand;
   this.model = model;
 }
 drive() {
   console.log("Driving!");
 }
}

Bây giờ, hãy tạo một lớp con kế thừa từ Vehicle:

// Car kế thừa từ Vehicle
class Car extends Vehicle {
 honk() {
   console.log("Beep beep!");
 }
}

Tạo một đối tượng của lớp con:

const myCar = new Car("Toyota", "Camry");

Truy cập các thuộc tính và phương thức:

console.log(myCar.brand);  // "Toyota": kế thừa từ Vehicle
console.log(myCar.model);  // "Camry": kế thừa từ Vehicle
// Car có thể truy cập các phương thức (method) của Vehicle
myCar.drive();  // "Driving!": kế thừa từ Vehicle
// Car cũng có các phương thức riêng
myCar.honk();   // "Beep beep!": chỉ có ở Car
challenge icon

Thử thách

Bạn được cung cấp lớp Animal và lớp Dog kế thừa từ lớp đó. Nhiệm vụ của bạn là tạo một đối tượng myDog có tên "Buddy" và tuổi 3.

Tự làm thử

import { Dog } from './animal.js';

// TODO: Tạo đối tượng myDog có tên "Buddy" và tuổi 3.


// Code kiểm tra, đừng sửa
console.log(myDog.name);  // Đầu ra phải là "Buddy"
console.log(myDog.age);  // Đầu ra phải là 3
quiz iconTự kiểm tra

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

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