Wie verwende ich optionale TypeScript-Eigenschaften im Unterricht?

TypeScript „OptionalDie Eigenschaft „“ entspricht den Eigenschaften, die nicht obligatorisch sind. Diese Eigenschaften können von Schnittstelle, Klasse oder Typ sein. Sie wird durch das Symbol „? (Fragezeichen)“ gekennzeichnet, das die spezifische Eigenschaft/das spezifische Feld als „optionale“ Eigenschaft darstellt.

Beispielsweise enthält die Schnittstelle „Person“ zwei Eigenschaften „Name“ und „ID“. Wenn der Benutzer den Eigenschaftswert „ID“ im Objekt „Person“ nicht angibt, zeigt der Compiler den Fehler „ID“-Eigenschaft fehlt an. Wenn der Benutzer sie jedoch optional macht und nur den Eigenschaftswert „Name“ im Objekt „Person“ angibt, zeigt der Compiler diesen Fehlertyp nicht an, da sie nun zunächst als optionale Eigenschaft definiert ist.

Dieser Beitrag demonstriert die TypeScript-Eigenschaft „Optional“ in der Klasse.

Wie verwende ich optionale TypeScript-Eigenschaften im Unterricht?

Um TypeScript zu nutzen „Optional”-Eigenschaft in der Klasse geben Sie die “?(Fragezeichen)“-Symbol mit dem Eigenschaftsnamen, den der Benutzer optional machen möchte. Sehen wir uns das in der Praxis an.

Beispiel 1: Eine Eigenschaft optional machen

Kopieren Sie die folgenden Codezeilen in die „.ts“-Datei des TypeScript

Klasse Admin {

fname: Zeichenfolge;

lname: Zeichenfolge;

Alter: Anzahl;

Bezeichnung?: Zeichenfolge;

Konstruktor(Name: Zeichenfolge, LName: Zeichenfolge, Alter: Zahl) {

dies.fname = Name

dies.lname = lname;

dieses.Alter=Alter;

}

}

let admin = neuer Admin(‚Ali‘, ‚Usman‘, 45);

Konsole.log(Administrator);

In diesem Codeausschnitt:

  • Der „Klasse“ deklariert eine „Admin“-Klasse, die eine Liste von Eigenschaften enthält, von denen eine Eigenschaft optional ist.
  • Als nächstes wird die „Konstrukteur()“-Funktion deklariert den Konstruktor der Klasse „Admin“, der ihre Variablen initialisiert.
  • Innerhalb der Funktion „constructor()“ „Das„“ wird verwendet, um die aktuelle Instanz der Klasse abzurufen und ihre Werte mit den angegebenen Parametern (Name, Lname und Alter) zu initialisieren.
  • Erstellen Sie danach ein Objekt „Administrator“ der Klasse „Admin“ mit dem Schlüsselwort „new“, um seine Eigenschaftswerte anzugeben.
  • Schließlich ist die „konsole.log()“ zeigt das „Admin“-Objekt an.

Ausgabe

tsc main.ts //.ts-Datei kompilieren

node main.js // .js-Datei ausführen

Es ist ersichtlich, dass das Terminal nur die Eigenschaftswerte „fname“, „lname“ und „age“ anzeigt und nicht die Eigenschaft „designation“, da diese als „optionale Eigenschaft“ deklariert ist.

Beispiel 2: Mehrere Eigenschaften optional machen

Der Benutzer kann auch mehrere optionale Eigenschaften in einer Klasse erstellen, indem er dasselbe Verfahren wie für eine einzelne Eigenschaft anwendet. Gehen wir dazu wie folgt vor:

Klasse Admin {

fname: Zeichenfolge;

lname?: Zeichenfolge;

Alter?: Zahl;

Bezeichnung?: Zeichenfolge;

Konstruktor(Name: Zeichenfolge) {

dies.fname = Name

}

}

let admin = neuer Admin(‚Ali‘);

Konsole.log(Administrator);

In diesem Szenario:

  • Die Eigenschaften „lname“, „age“ und „designation“ der Klasse „Admin“ werden als „optionale“ Eigenschaften deklariert, indem ihren Namen das Symbol „?“ hinzugefügt wird.
  • Als nächstes initialisiert der „constructor()“ nur die Variable „fname“ der Klasse „Admin“.
  • Danach gibt das „admin“-Objekt der „Admin“-Klasse nur noch den Eigenschaftswert „fname“ an.

Ausgabe

tsc main.ts //.ts-Datei kompilieren

node main.js // .js-Datei ausführen

Jetzt zeigt das Terminal nur einen „fname“-Eigenschaftswert an, da die verbleibenden Eigenschaften als „optionale“ Eigenschaften betrachtet werden.

Abschluss

In TypeScript-Klassen ist das „OptionalDie Eigenschaft „“ kann verwendet werden, indem die?(Fragezeichen)“-Symbol am Ende der Eigenschaften. Wie der Name schon sagt, macht es die Zieleigenschaft optional, was bedeutet, dass der Compiler keinen Fehler generiert, wenn der Benutzer ihren Wert nicht angibt. Der Benutzer kann es verwenden, um einzelne oder mehrere Eigenschaften gleichzeitig optional zu machen. Dieser Beitrag demonstrierte kurz die TypeScript-Eigenschaft „Optional“ in der Klasse.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen