Hallo! Willkommen zu diesem Artikel über Klassenfelder und statische Eigenschaften!
ES15 hat die Möglichkeit hinzugefügt, Klassenfelder und statische Eigenschaften direkt im Klassenkörper zu definieren. Dadurch entfällt die Notwendigkeit von Konstruktorfunktionen zum Initialisieren von Eigenschaften, was zu einem saubereren und prägnanteren Code führt. Hier geht es darum, diese neue Funktion zu verstehen!

1. Definieren Sie eine Klasse.

Sie müssen eine Klasse definieren, um sie zu verwenden:

class myClass {
}

2. Fügen Sie die Eigenschaften in die Klasse ein.

Das Einfügen der Eigenschaften in die Klasse definiert die Eigenschaften:

class myClass {
    property1;
    property2;
}

Sie können so viele Eigenschaften hinzufügen, wie Sie benötigen.

3. Fügen Sie die Funktion „constructor()“ hinzu.

Fügen Sie die Konstruktorfunktion hinzu, um die Schlüssel in diesem Objekt für die Eigenschaften zu definieren:

class myClass {
    property1;
    property2;
    constructor(property1, property2) {
        this.property1 = property1;
        this.property2 = property2;
    }
}

4. Beispiel

Dies ist ein Beispiel für die Verwendung dieser neuen Funktion in JS:

class Person {
    name;
    age;
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

5. Fazit

Und das ist das Fazit für diesen Beitrag!
Stellen Sie sicher, dass Sie eine Reaktion hinzufügen und diese mit einem Lesezeichen versehen!
Stellen Sie außerdem sicher, dass Sie unten einen Kommentar abgeben!
Dieser Beitrag wurde für The Frontend Challenge erstellt!