Menu
CoddyTech

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).

challenge icon

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"
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pemrograman Berorientasi Objek

Latihan sendiri: Compiler JavaScript online