super Kullanımı

Coddy'nin JavaScript Journey'sinin Nesne Yönelimli Programlama bölümünün bir parçası. Ders 37 / 56.

Bir metodu geçersiz kıldığınızda, super.methodName() kullanarak üst sınıfın özgün sürümüne yine de erişebilirsiniz. Bu, üst sınıfın davranışını tamamen değiştirmek yerine genişletmenize veya değiştirmenize olanak tanır.

Bir metodu olan bir ebeveyn sınıf oluşturun:

class Animal {
  makeSound() {
    return "Generic animal sound";
  }
}

Ebeveyn sınıfı genişleten bir alt sınıf oluşturun:

class Dog extends Animal {
  makeSound() {
    // Önce ebeveynin metodunu çağırın
    const parentSound = super.makeSound();
    // Ardından ek işlevsellik ile genişletin
    return `${parentSound}, but also Woof!`;
  }
}

Alt sınıfın bir örneğini oluşturun:

const myDog = new Dog();
console.log(myDog.makeSound());
// Çıktı: "Generic animal sound, but also Woof!"

super anahtar kelimesi, alt sınıfa kendi işlevselliğinizi eklemeye devam ederken üst sınıfın metotlarını çağırmanıza olanak tanır.

Görev

Size Shape sınıfı ve bir calculateArea() yöntemi ile bu sınıfı genişleten bir Rectangle sınıfı veriliyor. Görevin, calculateArea() kullanarak Rectangle içinde super yöntemini geçersiz kılmak.

Görevin, calculateArea() sınıfındaki Rectangle yöntemini şu işlemleri yapacak şekilde tamamlamak:

Üst sınıfın calculateArea() yöntemini super kullanarak çağırmak ve sonucu saklamak
Dikdörtgenin gerçek alanını hesaplamak: width × height
Birleştirilmiş bir dize döndürmek: üst sınıfın mesajı + dikdörtgenin alanı. Örnek: Calculating area... Rectangle area: 50

REQUIRED OUTPUT FORMAT: [Çevrilmiş içeriğiniz]

Kendin dene

import { Shape } from './shapes.js';
import { Rectangle } from './shapes.js';

// Test kodu - değiştirmeyin
const rectangle = new Rectangle(5, 10);
console.log(rectangle.calculateArea()); // Beklenen: "Calculating area... Rectangle area: 50"