Pewarisan
Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 24 dari 56.
Inheritance dalam OOP JavaScript adalah cara agar satu class dapat mengakses semua property dan method dari class lain.
Mari kita lihat contoh. Buat sebuah class induk:
class Vehicle {
constructor(brand, model) {
this.brand = brand;
this.model = model;
}
drive() {
console.log("Driving!");
}
}Sekarang buat class turunan yang mewarisi Vehicle:
// Car mewarisi Vehicle
class Car extends Vehicle {
honk() {
console.log("Beep beep!");
}
}Buat instance dari class turunan:
const myCar = new Car("Toyota", "Camry");Akses property dan method:
console.log(myCar.brand); // "Toyota", diwarisi dari Vehicle
console.log(myCar.model); // "Camry", diwarisi dari Vehicle
// Car dapat mengakses method milik Vehicle
myCar.drive(); // "Driving!", diwarisi dari Vehicle
// Car juga memiliki method sendiri
myCar.honk(); // "Beep beep!", khusus untuk Car
Tantangan
Kamu diberi sebuah class Animal dan class Dog yang mewarisi class tersebut. Tugasmu adalah membuat object myDog dengan nama "Buddy" dan usia 3.
Coba sendiri
import { Dog } from './animal.js';
// TODO: Buat object myDog dengan nama "Buddy" dan usia 3.
// Kode pengujian, jangan ubah
console.log(myDog.name); // Seharusnya menghasilkan output "Buddy"
console.log(myDog.age); // Seharusnya menghasilkan output 3
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pemrograman Berorientasi Objek
1Object dan Kata Kunci this
Tinjauan Singkat: objectMenambahkan method ke objectMemahami Kata Kunci thisFungsi KonstruktorKata Kunci newTantangan Rangkuman7Pewarisan & Kata Kunci extends
PewarisanHubungan "is-a"Kata Kunci extendsmethod super()Mewarisi property & methodTantangan Rangkuman2Mengatur Kode
Apa itu module?Mengekspor dengan exportMengimpor dengan importEkspor default vs. ekspor bernama8Mengatur Kode OOP
Mengatur class ke dalam module11Proyek: Perender Bentuk
Penyiapan: class Shape & EksporPewarisan class CircleOverride & Method LuasPenghitung Shape Statis14Sistem Manajemen Perpustakaan
Merancang PerpustakaanClass Book dengan CompositionValidasi Penulis Buku9Method dan property Statis
Level class vs. level instanceProperty StatisMethod Utilitas StatisTantangan RangkumanLatihan sendiri: Compiler JavaScript online