Kata Kunci extends
Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 26 dari 56.
Kata kunci extends dalam JavaScript digunakan untuk membuat class turunan yang mewarisi property dan method dari class induk.
Mari kita buat class induk terlebih dahulu:
class Animal {
constructor(name) {
this.name = name;
}
speak() {
return `${this.name} makes a noise.`;
}
}Sekarang, mari buat class anak yang mewarisi class induk:
class Dog extends Animal {
// class Dog mewarisi dari Animal
}Kode sederhana ini berarti class Dog sekarang mewarisi semua property dan method dari class Animal.
Buat instance dog:
const dog = new Dog('Rex');Panggil method yang diwarisi dari class induk:
console.log(dog.speak()); // Output: "Rex makes a noise."Kata kunci extends membuat hubungan pewarisan, sehingga class turunan (Dog) dapat mengakses dan menggunakan semua fungsionalitas yang didefinisikan dalam class induk (Animal).
Tantangan
Buat class Student yang mewarisi class Person menggunakan kata kunci extends, lalu ekspor class tersebut.
Coba sendiri
import { Student } from './classes.js';
// Kode pengujian, jangan ubah
const student = new Student("Emma");
console.log(student.greet()); // Seharusnya menghasilkan output "Hello, I'm Emma"Pelajaran 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