Es gibt Klassen in Javascript. Eine Klasse ist eine Vorlage, die zum Erstellen von Objekten verwendet wird. Klassen in JS basieren auf Prototypen. Ab ES6 kann JavaScript das Schlüsselwort class verwenden, um eine Klasse mit der Syntax „class ClassName{constructor(){...}}“ zu deklarieren. .
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Es gibt Klassen in Javascript.
Klassen sind Vorlagen zum Erstellen von Objekten. Sie kapseln die Daten in Code, um diese Daten zu verarbeiten. Klassen in JS basieren auf Prototypen, verfügen aber auch über bestimmte Syntax und Semantik, die nicht mit ES5-Klassen geteilt werden.
Klassendeklaration
Wir verwenden das Schlüsselwort class, um eine Klasse zu erstellen. Der Klassenkörper befindet sich in geschweiften Klammern {}. In den geschweiften Klammern {} können wir die Position von Klassenmitgliedern definieren. .
Jede Klasse enthält eine spezielle Methode Konstruktor(), die der Konstruktor der Klasse ist. Diese Methode wird zum Erstellen und Initialisieren eines von der Klasse erstellten Objekts verwendet.
Das Syntaxformat zum Erstellen einer Klasse lautet wie folgt:
class ClassName { constructor() { ... } }
Das Klassenschlüsselwort von ES6 ist eigentlich nur syntaktischer Zucker und basiert intern immer noch auf dem Prototypmechanismus.
Beispiel:
class phpCN { constructor(name, url) { this.name = name; this.url = url; } }
Das obige Beispiel erstellt eine Klasse mit dem Namen „phpCN“.
Zwei Eigenschaften werden in der Klasse initialisiert: „name“ und „url“.
Klassen verwenden
Nachdem wir die Klasse definiert haben, können wir das neue Schlüsselwort zum Erstellen von Objekten verwenden:
class phpCN { constructor(name, url) { this.name = name; this.url = url; } } let site = new phpCN("php中文网", "https://www.php.cn");
Die Konstruktormethode „constructor()“ wird beim Erstellen eines Objekts automatisch aufgerufen.
【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】
Das obige ist der detaillierte Inhalt vonGibt es Klassen in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!