In dieser Anleitung wird der Dienstprogrammtyp „Omit“ in TypeScript erläutert.
Was ist der Omit-Typ in TypeScript?
Der ' Auslassen „Der Dienstprogrammtyp erstellt einen neuen Typ, indem er die unnötigen Eigenschaften des Basistyps ausschließt. Der Basistyp stellt den vorhandenen Typ dar, von dem der neue Typ abgeleitet ist.
Syntax
Geben Sie NewType ein = Auslassen < Vorhandener Typ, 'PropertyName1' | 'PropertyName2' | ... >
Die obige Syntax kann „ Auslassen „Mehrere Eigenschaften von“ Vorhandener Typ ” indem man sie mit Hilfe der „ ODER (|)“-Operator.
Lassen Sie uns den oben definierten Dienstprogrammtyp „Omit“ praktisch verwenden.
Beispiel 1: Anwenden von „Omit“ mit Typalias
In diesem Beispiel wird der Dienstprogrammtyp „Omit
Code
Kopieren Sie die angegebene Codezeile in die „.ts“-Datei des TypeScript-Projekts:
Geben Sie Benutzer ein = {Name : Schnur,
Alter : Nummer,
Standort : Zeichenfolge
} ;
Geben Sie UserWithoutAge ein = Auslassen < Benutzer, 'Alter' >;
const Benutzer ohne Alter : BenutzerOhneAlter = {
Name : 'Oder' ,
Standort : „Islamabad“
} ;
Konsole. Protokoll ( Benutzer ohne Alter ) ;
In diesem Code:
- Der ' Benutzer Der Typ wird mit dem Namen, dem Alter und dem Standort der angegebenen Eigenschaften definiert.
- Als nächstes wird das „ BenutzerOhneAlter „Ein neuer Typ wird aus dem vorhandenen „Benutzer“-Typ erstellt, indem dessen „Alter“-Eigenschaft mithilfe der „ Auslassen ” Dienstprogrammtyp.
- Danach ein Objekt „ Benutzer ohne Alter „vom Typ „UserWithoutAge“ wird erstellt, das alle Felder des vorhandenen Typs „Benutzer“ außer „Alter“ angibt.
- Schließlich ist das „ console.log() Die Methode „userwithoutage“ wird angewendet, um das Objekt „userwithoutage“ anzuzeigen.
Ausgabe
Kompilieren Sie die „.ts“-Datei und führen Sie die automatisch generierte „.js“-Datei aus:
tsc main. js //Compile.ts-DateiKnoten main. js //Führen Sie die .js-Datei aus
Es ist ersichtlich, dass das Terminal die Ausgabe des neuen Objekttyps „UserWithoutAge“ anzeigt.
Beispiel 2: Anwenden des Typs „Omit“ mit Schnittstelle
In diesem Beispiel wird der Dienstprogrammtyp „Omit
Code
Schnittstelle Benutzer {Name : Zeichenfolge ;
Alter : Nummer ;
Standort : Zeichenfolge ;
}
Geben Sie NewPerson ein = Auslassen < Benutzer, 'Alter' | 'Standort' >;
const Person : Neue Person = {
Name : 'Oder'
} ;
Konsole. Protokoll ( Person ) ;
Nun die angegebenen Codezeilen:
- Definieren Sie eine Schnittstelle „ Benutzer ”mit den folgenden Eigenschaften: Name, Zeichenfolge und Speicherort.
- Als nächstes erstellen Sie einen neuen Typ „ Neue Person „aus der vorhandenen Schnittstelle „Benutzer“ mit Ausnahme der angegebenen Eigenschaften „Alter“ und „Standort“.
- Erstellen Sie anschließend das neue Objekt vom Typ „NewPerson“ mit dem Namen „ Person ” Angabe nur einer Eigenschaft, d. h. „Name“ der vorhandenen Schnittstelle „Benutzer“.
- Zum Schluss zeigen Sie die Felder des Objekts „Person“ mit dem Befehl „ an. console.log() ' Methode.
Ausgabe
Kompilieren Sie den Code und führen Sie ihn aus:
tsc main. js //Compile.ts-DateiKnoten main. js //Führen Sie die .js-Datei aus
Das Terminal zeigt nur einen in seinem Objekt angegebenen Eigenschaftswert des neuen Typs „NewPerson“ an.
Beispiel 3: Anwenden des Typs „Omit“ mit Function()
In diesem Beispiel wird der Typ „Omit
Code
Schnittstelle Benutzer {Name : Zeichenfolge ;
Alter : Nummer ;
Standort : Zeichenfolge ;
}
Funktion getUserDetails ( neuer Benutzer : Auslassen < Benutzer, 'Name' | 'Standort' > ) : Nummer {
zurückkehren ( neuer Benutzer. Alter )
}
const neuer Benutzer : Benutzer = {
Alter : 40 ,
Name : 'Oder' ,
Standort : „Islamabad“
} ;
const Nutzerdetails = getUserDetails ( neuer Benutzer ) ;
Konsole. Protokoll ( Nutzerdetails ) ;
Der obige Codeausschnitt:
- Erstellen Sie zunächst eine Schnittstelle“ Benutzer „mit Namens-, Alters- und Ortseigenschaften.
- Als nächstes definieren Sie einen Funktionsnamen „ getUserDetails() ”, das die Eigenschaften „name“ und „location“ vom Typ „newuser“ der vorhandenen Schnittstelle, d. h. „User“, weglässt.
- Diese Funktion gibt einen numerischen Wert zurück, z. B. das „Alter“ des Benutzers.
- Erstellen Sie nun ein Objekt vom Typ „ neuer Benutzer ” der Schnittstelle „Benutzer“, um deren Eigenschaftswerte anzugeben.
- Rufen Sie anschließend die definierte Funktion „getUserDetails()“ auf und übergeben Sie das Objekt „newuser“ als Parameter mit Hilfe der Funktion „ Nutzerdetails ” konstant.
- Zeigen Sie abschließend die Ausgabe „userDeatils“ über die Schaltfläche „ console.log() ' Methode.
Ausgabe
tsc main. js //Compile.ts-DateiKnoten main. js //Führen Sie die .js-Datei aus
Das Terminal zeigt nur „ Alter ”-Eigenschaftswert, da „Name“ und „Standort“ durch den Dienstprogrammtyp „Auslassen“ ausgeschlossen sind.
Abschluss
In TypeScript ist der Dienstprogrammtyp „ Auslassen „nimmt den vorhandenen Typ als ersten Parameter und erstellt einen neuen Typ, indem einige Eigenschaften des vorhandenen Typs ausgeschlossen werden. Dieser Dienstprogrammtyp hilft dabei, einen vorhandenen Typ zu duplizieren, um einen neuen Typ mit einigen seiner Eigenschaften zu erstellen, anstatt den neuen Typ von Grund auf neu zu erstellen. Es kann mit „Typ“-Alias, Schnittstellen und Funktionen angewendet werden. In diesem Handbuch wird der Dienstprogrammtyp „Omit“ in TypeScript ausführlich erläutert.