Grundlagen und Beispiele zur TypeScript-Aufzählung

Vorwort

Aufzählungen sind ein von TypeScript unterstützter Datentyp. Mithilfe von Aufzählungen können Sie einen Satz benannter Konstanten definieren. Verwenden Sie sie, um Absichten einfacher zu dokumentieren oder eine Reihe unterschiedlicher Fälle zu erstellen. Enums werden hauptsächlich in objektorientierten Programmiersprachen wie Java und C# verwendet und sind jetzt auch in TypeScript verfügbar. Sie sind eine der wenigen Funktionen von TypeScript, die keine Erweiterung von JavaScript auf Typebene ist. Als Nächstes werde ich die Grundlagen von TypeScript-Aufzählungen zusammen mit Anwendungsfällen, verschiedenen Aufzählungstypen und den nächsten Lernschritten demonstrieren.

Was sind Enumerationen in TypeScript?

Viele Programmiersprachen wie C, C# und Java haben Enumerations-Datentypen, JavaScript jedoch nicht. Aber TypeScript kann das, denn TypeScript verfügt über sowohl numerische als auch stringbasierte Enumerationen. Mit TypeScript-Enums können Entwickler eine Reihe benannter Konstanten definieren. Verwenden Sie sie, um Absichten einfacher zu dokumentieren oder eine Reihe unterschiedlicher Fälle zu erstellen.

Die Syntax einer Aufzählung lautet wie folgt:

Aufzählungsstaaten {
    Apfel,
    Orange,
    Banane,
    Wassermelone
}
// Verwendung var fruit = States.Watermelon;

Worauf Sie bei der Verwendung von Enumerationen in TypeScript achten sollten

Erstens sind die Werte in der Aufzählung Konstanten, das heißt, die Aufzählung ist typsicher und bei einer Neuzuweisung des Werts wird ein Kompilierungsfehler zurückgegeben. Zweitens sollten Aufzählungen endlich sein, was den Benutzern die Erstellung eines benutzerdefinierten Konstantensystems erleichtert. Die Aufzählung ist nach der Kompilierung ein Objekt: Erstellen Sie speichereffiziente benutzerdefinierte Konstanten in JavaScript, die Aufzeichnungsabsichten flexibel und einfach ausdrücken können und als Beurteilungsanwendungsfälle praktisch sind.

Aufzählung requestStatus {
    Erfolg = 200
    Fehler = 400
}

Lassen Sie den Status anfordern;
(Funktion (Anforderungsstatus) {
    requestStatus[requestStatus["Erfolg"] = 200] = "Erfolg"
    AnfrageStatus[AnfrageStatus["Fehler"] = 400] = "Fehler"
})(AnforderungsStatus || (AnforderungsStatus = {}));

// Anforderungsstatus:
// { '200': 'Erfolg', '400': 'Fehler', Fehler: 400, Erfolg: 200 }

Allgemeine Aufzählungstypen

Numerische Aufzählungen und String-Aufzählungen sind die am häufigsten verwendeten Aufzählungstypen in TypeScript. Im Folgenden werde ich anhand von Beispielen ihre Eigenschaften und ihre Verwendung vorstellen.

** Numerische Aufzählung

Numerische Aufzählungen speichern numerische Werte als Zeichenfolgen. Definieren wir sie mit dem Schlüsselwort „enum“. Im Folgenden demonstriere ich numerische Aufzählungen in TypeScript anhand eines Beispiels, in dem eine Reihe unterschiedlicher Autotypen gespeichert sind:

enum Autotyp {
    Honda,
    Toyota,
    Subaru,
    Hyundai
}

Die CarType-Aufzählung hat vier Werte: Honda, Toyota, Subaru und Hyundai. Der Aufzählungswert beginnt bei 0 und der Wert jedes Mitglieds erhöht sich um 1, wie unten gezeigt:

Honda = 0

Toyota = 1

Subaru = 2

Hyundai = 3

Bei Bedarf können Sie den ersten Wert selbst initialisieren, und zwar wie folgt:

enum Autotyp {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}

Im obigen Beispiel initialisiert Honda das erste Mitglied mit dem Wert 1. Die restlichen Zahlen werden um eins erhöht.

Sie denken vielleicht: Wenn ich den letzten Wert ändere, werden dann die vorherigen Werte um den zuletzt definierten Wert dekrementiert? Versuchen wir es:

enum Autotyp {
    Honda,
    Toyota,
    Subaru,
    Hyundai = 100
}

Dies funktioniert leider nicht, die Werte im aktuellen Beispiel lauten:

enum Autotyp {
    Honda, // 1
    Toyota, // 2
    Subaru, // 3
    Hyundai // 100
}

Hinweis: Es ist nicht erforderlich, den Aufzählungsmitgliedern Ordinalwerte zuzuweisen. Sie können ihm jeden beliebigen Wert zuweisen

Zeichenfolgenaufzählung

Zeichenfolgenaufzählungen ähneln numerischen Aufzählungen, ihre Aufzählungswerte werden jedoch mit Zeichenfolgenwerten statt mit numerischen Werten initialisiert. Zeichenfolgenaufzählungen sind besser lesbar als numerische Aufzählungen und erleichtern das Debuggen Ihres Programms.

Im folgenden Beispiel werden dieselben Informationen wie im Beispiel der numerischen Aufzählung verwendet, allerdings ausgedrückt als Zeichenfolgenaufzählung:

enum Autotyp {
    Honda = "HONDA",
    Toyota = "TOYOTA",
    Subaru = "SUBARU",
    Hyundai = "HYUNDAI"
}

// Zugriff auf Zeichenfolgenaufzählung CarType.Toyota; //return TOYOTA

Hinweis: Zeichenfolgenaufzählungswerte müssen einzeln initialisiert werden.

Umgekehrte Aufzählungszuordnung

Aufzählungen können den Num-Wert mithilfe des entsprechenden Aufzählungselementwerts abrufen. Mittels Reverse Mapping können Sie auf Mitgliedswerte und deren Namen zugreifen, wie im folgenden Beispiel gezeigt:

enum Autotyp {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}
Autotyp.Subaru; //return 3
Autotyp.["Subaru"]; //return 3
Autotyp[3]; //Subaru zurückgeben

CarType[3] gibt seinen Mitgliedsnamen "Subaru" aufgrund einer umgekehrten Zuordnung zurück. Schauen wir uns ein weiteres Beispiel an:

enum Autotyp {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}
console.log(Autotyp)

Sie sehen die folgende Ausgabe in der Konsole Ihres Browsers:

{
'1': 'Honda',
'2': 'Toyota',
'3': 'Subaru',
'4': 'Hyundai',
Honda: 1,
Toyota: 2,
Subaru: 3,
Hyundai: 4
}

Jeder Wert einer Aufzählung kommt im intern gespeicherten Aufzählungsobjekt zweimal vor.

Berechnete Aufzählung

Die Werte der Aufzählungsmitglieder können konstante Werte oder berechnete Werte sein. Schauen Sie sich das folgende Beispiel an:

enum Autotyp {
    Honda = 1,
    Toyota = getCarTypeCode('toyota'),
    Subaru = Toyota * 3,
    Hyundai = 10
}

Funktion getCarTypeCode(carName: Zeichenfolge): Nummer {
    wenn (Autoname === 'Toyota') {
        Rückgabe 5;
    }
}

Autotyp.Toyota; // gibt 5 zurück
CarType.Subaru; // gibt 15 zurück

Wenn eine Aufzählung sowohl berechnete als auch konstante Mitglieder enthält, werden nicht initialisierte Aufzählungsmitglieder zuerst angezeigt, möglicherweise nach anderen initialisierten Mitgliedern mit numerischen Konstanten. Das nächste Beispiel zeigt einen Fehler an:

enum Autotyp {
    Toyota = getCarTypeCode('toyota'),
    Honda, // Fehler: Enumerationsmitglied muss Initialisierer haben
    Subaru,
    Hyundai = Toyota * 3,
}

Sie können die obige Aufzählung wie folgt deklarieren:

enum Autotyp {
    Honda,
    Hyundai,
    Toyota = getCarTypeCode('toyota'),
    Subaru = Toyota * 3

Das Obige ist der vollständige Inhalt dieses Artikels. Indem wir erklären, was Aufzählung ist, sollten wir darauf achten, worauf wir bei der Verwendung von Aufzählungen achten sollten. Zu unseren häufig verwendeten Aufzählungstypen (numerische Aufzählung, Zeichenfolgenaufzählung), umgekehrte Aufzählungszuordnung, berechnete Aufzählung. Ich glaube, Sie haben bereits ein gewisses Verständnis von Aufzählungen

Zusammenfassen

Damit ist dieser Artikel über die Grundlagen und Beispiele von TypeScript-Aufzählungen abgeschlossen. Weitere Informationen zu TypeScript-Aufzählungen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!