Kursinhalt
Fortgeschrittene JavaScript-Meisterschaft
Fortgeschrittene JavaScript-Meisterschaft
Klassendeklaration
In diesem Abschnitt konzentrieren wir uns auf JavaScript-Klassen.
Warum Klassen in JavaScript lernen?
Klassen in JavaScript bieten eine organisiertere und sauberere Möglichkeit, Objekte zu erstellen, insbesondere für größere Anwendungen. Sie fördern die Wiederverwendbarkeit und Strukturierung von Code und vereinfachen die Vererbung. Obwohl nicht zwingend erforderlich, helfen Klassen, die Komplexität zu verwalten und den Code leichter lesbar, wartbar und erweiterbar zu machen, insbesondere bei der Arbeit mit objektorientierten Prinzipien.
Was ist eine Klasse in JavaScript?
Denken Sie an eine Klasse wie an den Bauplan, den ein Architekt verwendet, um ein Haus zu entwerfen. Der Bauplan selbst ist kein Haus, aber er liefert die Anweisungen zum Bau eines Hauses. Jedes Mal, wenn Sie ein neues Haus bauen, folgen Sie demselben Bauplan, aber jedes Haus kann einzigartige Details haben – wie unterschiedliche Farben, Materialien oder kundenspezifische Merkmale.
Auf die gleiche Weise ist eine Klasse in JavaScript wie ein Bauplan zur Erstellung von Objekten. Sie definiert die Struktur (Eigenschaften) und das Verhalten (Methoden) dieser Objekte. Jedes Mal, wenn Sie ein Objekt (eine Instanz) aus der Klasse erstellen, folgt es demselben Design, aber seine Werte können variieren, genau wie jedes Haus anders aussehen kann.
Wie man eine Klasse deklariert
Eine Klasse in JavaScript zu deklarieren ist einfach. Verwenden Sie das class Schlüsselwort gefolgt vom Namen der Klasse. Der Klassenkörper, in dem Eigenschaften und Methoden definiert sind, wird in geschweifte Klammern {} eingeschlossen.
In diesem Beispiel deklarieren wir eine Klasse namens Animal. Klassen in JavaScript werden nicht gehoben, was bedeutet, dass Sie die Klasse deklarieren müssen, bevor Sie sie verwenden.
Die Konstruktor-Methode
Wenn die Klasse der Bauplan ist, dann ist der constructor wie die Baucrew, die den Bauplan nimmt und das Haus zusammenbaut. Wenn Sie ein Haus bauen (ein Objekt erstellen), montiert die Crew (constructor) das Fundament, die Wände, das Dach und andere Komponenten gemäß den Anweisungen.
Ähnlich wie der constructor in einer class initialisiert er die Eigenschaften des Objekts basierend auf den übergebenen Argumenten - genau wie das Anpassen der Farbe des Hauses oder des Bodentyps. Jedes Mal, wenn Sie eine neue Instanz erstellen, stellt der constructor sicher, dass das Objekt mit den richtigen Details gebaut wird.
class Animal { constructor(name, type) { this.name = name; this.type = type; } } const lion = new Animal('Lion', 'Wild'); console.log(lion.name); // Output: Lion console.log(lion.type); // Output: Wild const pig = new Animal('Pig', 'Domestic'); console.log(pig.name); // Output: Pig console.log(pig.type); // Output: Domestic
Der constructor ermöglicht es Ihnen, Anfangswerte beim Erstellen von Objekten zu übergeben, was es flexibel macht, verschiedene Objekte mit benutzerdefinierten Details zu initialisieren.
1. Warum sind Klassen in JavaScript vorteilhaft, insbesondere für größere Anwendungen?
2. Welches Schlüsselwort wird verwendet, um eine Klasse zu deklarieren?
3. Welche Rolle spielt die constructor-Methode in einer Klasse?
4. Was wird der folgende Code ausgeben?
Danke für Ihr Feedback!
