Dziedziczenie klasy Circle
Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 40 z 56.
Wyzwanie
Twoim zadaniem jest utworzenie klasy Circle, która dziedziczy po klasie Shape.
- W pliku o nazwie
Circle.jszaimportuj na samej górze klasęShape:import { Shape } from './Shape.js'; - Utwórz klasę
Circle, któraextends Shape, i wyeksportuj ją - Konstruktor powinien przyjmować dwa parametry:
coloriradius - Wywołaj
super(color), aby zainicjalizować klasę nadrzędną - Zapisz
radiusjako właściwość:this.radius = radius - Zaimportuj klasę `Circle` w pliku głównym
Spróbuj swoich sił
import { Shape } from './Shape.js';
// TODO: Zaimportuj klasę `Circle`
// Testy
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"
const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Powinno wyświetlić: "A blue shape"Wszystkie lekcje w sekcji Programowanie obiektowe
1Obiekty i słowo kluczowe this
Szybka powtórka: obiektyDodawanie metod do obiektówZrozumienie słowa kluczowego thisFunkcje konstruktoraSłowo kluczowe newWyzwanie podsumowujące7Dziedziczenie i słowo kluczowe extends
DziedziczenieRelacja „jest rodzajem”Słowo kluczowe extendsMetoda super()Dziedziczenie właściwości i metodWyzwanie podsumowujące10Polimorfizm
Czym jest polimorfizm?Nadpisywanie odziedziczonych metodUżywanie superWyzwanie podsumowujące13Kompozycja a dziedziczenie
Relacja „ma” a relacja „jest”Ograniczenia głębokiego dziedziczeniaTworzenie obiektów2Organizowanie kodu
Czym są moduły?Eksportowanie za pomocą exportImportowanie za pomocą importEksporty domyślne a nazwane5Enkapsulacja i dostęp
EnkapsulacjaPubliczne i prywatne pola klasyMetody prywatneWyzwanie podsumowujące8Organizowanie kodu OOP
Organizowanie klas w moduły11Projekt: Renderer kształtów
Konfiguracja: klasa Shape i eksportDziedziczenie klasy CircleNadpisywanie i metoda obliczania polaStatyczny licznik kształtów14System zarządzania biblioteką
Projektowanie bibliotekiKlasa Book z kompozycjąWalidacja autora książki9Metody i właściwości statyczne
Poziom klasy a poziom instancjiWłaściwości statyczneStatyczne metody pomocniczeWyzwanie podsumowującePoćwicz samodzielnie: Kompilator JavaScript online