In der objektorientierten Programmierung ist eine Klasse eine erweiterbare Programmcode-Vorlage zum Erstellen von Objekten, die Anfangswerte für Status (Mitgliedsvariablen) und Implementierungen von Verhalten (Mitgliedsfunktionen oder-methoden) bereitstellt.

In der Praxis müssen wir oft viele Objekte der gleichen Art erstellen, wie Benutzer oder Waren oder was auch immer.

Wie wir bereits aus dem Kapitelkonstruktor wissen, kann der Operator „new“, new function dabei helfen.,

Aber im modernen JavaScript gibt es ein fortgeschritteneres „Klassen“-Konstrukt, das großartige neue Funktionen einführt, die für die objektorientierte Programmierung nützlich sind.

Die Syntax“ class „

Die grundlegende Syntax lautet:

class MyClass { // class methods constructor() { ... } method1() { ... } method2() { ... } method3() { ... } ...}

Verwenden Sie dann new MyClass(), um ein neues Objekt mit allen aufgeführten Methoden zu erstellen.

Die – Methode wird automatisch vonnew aufgerufen, damit wir das Objekt dort initialisieren können.,

Zum Beispiel:

class User { constructor(name) { this.name = name; } sayHi() { alert(this.name); }}// Usage:let user = new User("John");user.sayHi();

Wenn new User("John") aufgerufen wird:

1. Ein neues Objekt wird erstellt.
2. Die constructor wird mit dem angegebenen Argument ausgeführt und weist sie this.namezu.

…Dann können wir Objektmethoden aufrufen, z. B. user.sayHi().

Was ist eine Klasse?

Also, was genau ist eine class? Das ist keine völlig neue Entität auf Sprachebene, wie man denken könnte.

Lassen Sie uns jede Magie enthüllen und sehen, was eine Klasse wirklich ist. Das wird helfen, viele komplexe Aspekte zu verstehen.

In JavaScript ist eine Klasse eine Art Funktion.,

Hier, werfen Sie einen Blick:

class User { constructor(name) { this.name = name; } sayHi() { alert(this.name); }}// proof: User is a functionalert(typeof User); // function

Was Konstrukt wirklich tut, ist:

1. Erstellt eine Funktion namens User, das wird das Ergebnis der Klassendeklaration. Der Funktionscode stammt aus derconstructor – Methode (wird leer angenommen, wenn wir keine solche Methode schreiben).
2. Speichert Klassenmethoden wie sayHi in User.prototype.,

Nach new User Objekt erstellt wird, wenn wir seine Methode aufrufen, ist es aus dem Prototyp genommen, wie im Kapitel F. Prototyp beschrieben. Das Objekt hat also Zugriff auf Klassenmethoden.,der class User Deklaration:

Hier ist der code zum untersuchen es:

Nicht nur ein syntaktischer Zucker

manche Leute sagen, dass class ein „syntaktischer Zucker“ (syntax, die ist entwickelt, um machen Dinge einfacher zu Lesen, aber nicht vorstellen, nichts neues), weil wir eigentlich erklären, ohne class keyword-an alle:

Das Ergebnis dieser definition ist etwa die gleiche., Es gibt also tatsächlich Gründe, warum class als syntaktischer Zucker betrachtet werden kann, um einen Konstruktor zusammen mit seinen Prototypmethoden zu definieren.

Dennoch gibt es wichtige Unterschiede.

1. Zunächst wird eine von class erstellte Funktion durch eine spezielle interne Eigenschaft gekennzeichnet ]:"classConstructor". Es ist also nicht ganz dasselbe wie das manuelle Erstellen.

   Die Sprache sucht an verschiedenen Stellen nach dieser Eigenschaft., Im Gegensatz zu einer regulären Funktion muss sie beispielsweise mit newaufgerufen werden:

   class User { constructor() {}}alert(typeof User); // functionUser(); // Error: Class constructor User cannot be invoked without 'new'

   Außerdem beginnt eine Zeichenfolgendarstellung eines Klassenkonstruktors in den meisten JavaScript-Engines mit der „class…“

   class User { constructor() {}}alert(User); // class User { ... }

   Es gibt andere Unterschiede, wir werden sie bald sehen.

2. Klassenmethoden sind nicht aufzählbar.,Eine Klassendefinition setzt enumerable flag auf false für alle Methoden in der "prototype".

   Das ist gut, denn wenn wir for..in über ein Objekt for..in, möchten wir normalerweise keine Klassenmethoden.

3. Klassen immer use strict.Der gesamte Code innerhalb des Klassenkonstrukts befindet sich automatisch im strikten Modus.

Außerdem class Syntax bringt viele andere Funktionen, die wir später erkunden werden.,

Klassenausdruck

Genau wie Funktionen können Klassen in einem anderen Ausdruck definiert, übergeben, zurückgegeben, zugewiesen usw. werden.

Hier ist ein Beispiel für einen Klassenausdruck:

let User = class { sayHi() { alert("Hello"); }};

Ähnlich wie benannte Funktionsausdrücke können Klassenausdrücke einen Namen haben.,

Wenn ein Klassenausdruck einen Namen hat, ist er nur innerhalb der Klasse sichtbar:

Wir können sogar Klassen dynamisch „on-demand“ machen, wie folgt:

Getters/setters

Genau wie Literalobjekte können Klassen Getter/Setter, berechnete Eigenschaften usw. enthalten.

Hier ist ein Beispiel für user.name implementiert mit get/set:

Technisch funktioniert eine solche Klassendeklaration durch Erstellen von Gettern und Settern in User.prototype.,

Berechnete Namen

Hier ist ein Beispiel mit einem berechneten Methodennamen in Klammern :

class User { () { alert("Hello"); }}new User().sayHi();

Solche Funktionen sind leicht zu merken, da sie denen von wörtliche Objekte.

Klassenfelder

Zuvor hatten unsere Klassen nur Methoden.

„Klassenfelder“ ist eine Syntax, mit der beliebige Eigenschaften hinzugefügt werden können.,

Zum beispiel, lassen sie uns hinzufügen name eigenschaft zu class User:

class User { name = "John"; sayHi() { alert(`Hello, ${this.name}!`); }}new User().sayHi(); // Hello, John!

class User { name = "John";}let user = new User();alert(user.name); // Johnalert(User.prototype.name); // undefined

class User { name = prompt("Name, please?", "John");}let user = new User();alert(user.name); // John