Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Statischer Shape-Zähler

Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 42 von 56.

challenge icon

Aufgabe

Ändern Sie die Klasse Shape, um mithilfe von statischen Eigenschaften und Methoden zu verfolgen, wie viele Formen erstellt wurden.

Ihre Aufgabe:

  1. Fügen Sie eine statische Eigenschaft namens totalShapes hinzu, die mit 0 initialisiert wird
  2. Erhöhen Sie den Zähler im Konstruktor: Shape.totalShapes++;
  3. Fügen Sie eine statische Methode namens getTotalCreated() hinzu, die die aktuelle Anzahl der gesamten Formen zurückgibt

Probier es selbst

import { Shape } from './Shape.js';
import { Circle } from './Circle.js';

// Tests
console.log(`Initial count: ${Shape.getTotalCreated()}`); // Sollte 0 sein

const shape1 = new Shape('red');
const shape2 = new Shape('green');
const circle1 = new Circle('blue', 5);
const circle2 = new Circle('yellow', 10);

console.log(`After creating 4 shapes: ${Shape.getTotalCreated()}`); // Sollte 4 sein

Alle Lektionen in Objektorientierte Programmierung

1Objekte & das this-Schlüsselwort

Kurze Wiederholung: ObjekteMethoden zu Objekten hinzufügenDas this-Schlüsselwort verstehenKonstruktorfunktionenDas new-SchlüsselwortWiederholungs-Challenge

4Methoden & Zustandsverwaltung

Methoden, die den Zustand ändernMethod-Chaining-Pattern

7Vererbung & das extends-Schlüsselwort

VererbungDie „ist-ein“-BeziehungDas extends-SchlüsselwortDie super()-MethodeVererben von Eigenschaften & MethodenWiederholungs-Challenge

10Polymorphie

Was ist Polymorphie?Geerbte Methoden überschreibenVerwendung von superWiederholungs-Challenge

13Komposition vs. Vererbung

Die "hat-ein"- vs. "ist-ein"-BeziehungDie Grenzen tiefer VererbungObjekte zusammenbauen

2Code organisieren

Was sind Module?Exportieren mit exportImportieren mit importDefault- vs. benannte Exports

5Kapselung & Zugriff

KapselungÖffentliche & private KlassenfelderPrivate MethodenWiederholungs-Herausforderung

8OOP-Code strukturieren

Klassen in Modulen organisieren

11Projekt: Ein Shape-Renderer

Setup: Shape-Klasse & ExportCircle-Klasse: VererbungProjekt-LektionOverriding & Area-MethodeProjekt-LektionStatischer Shape-ZählerProjekt-Lektion

14Bibliotheksverwaltungssystem

Entwurf der BibliothekBuch-Klasse mit KompositionProjekt-LektionValidierung der BuchautorenProjekt-Lektion

3Klassen & Objekte

Was ist eine Klasse?Instanzen erstellenEigenschaften und MethodenWiederholungs-Challenge

6Projekt: Ein einfaches Bankkonto

Klasse BankAccountEinzahlungen und AuszahlungenProjekt-LektionKontostand als privates FeldProjekt-Lektion

9Statische Methoden & Eigenschaften

Klassenebene vs. InstanzebeneStatische EigenschaftenStatische HilfsmethodenWiederholungs-Challenge

12Getter & Setter

Die Schlüsselwörter get und setBerechnete EigenschaftenValidierung und SeiteneffekteWiederholungs-Challenge

15Abschluss-Herausforderungen

Spielfiguren-BuilderE-Commerce ProduktsystemUniversitäts-VerwaltungssystemSmart-Home-Gerätesystem