Hva er utelatelsestypen i TypeScript?

Hva Er Utelatelsestypen I Typescript



TypeScript tilbyr et bredt spekter av verktøytyper for å gjøre typesystemet mer praktisk og effektivt. Disse typene lar brukerne bygge en ny type basert på den eksisterende typen ved å fjerne eller endre egenskaper, gjøre egenskaper skrivebeskyttet eller valgfri, og mye mer. Hver verktøytype utfører spesifikk funksjonalitet basert på navnet, slik som 'valgfritt'-typen gjør egenskapene valgfrie, 'skrivebeskyttet' erklærer feltet som skrivebeskyttet, og så videre.

Denne veiledningen forklarer verktøytypen 'Utelate' i TypeScript.

Hva er utelatelsestypen i TypeScript?

« Utelate ” verktøytype oppretter en ny type ved å ekskludere de unødvendige egenskapene til basistypen. Basistypen representerer den eksisterende typen som den nye typen stammer fra.







Syntaks



skriv inn NewType = Utelate < ExistingType, 'PropertyName1' | 'Eiendomsnavn2' | ... >

Syntaksen ovenfor kan ' Utelate ' flere egenskaper av ' EksisterendeType ved å skille dem ved hjelp av ELLER (|)” operatør.



La oss bruke den ovenfor definerte 'Utelat'-verktøytypen praktisk talt.





Eksempel 1: Bruk av «Utelat» med Type Alias

Dette eksemplet bruker verktøytypen «Utelat» for å lage en ny type fra den eksisterende typen.



Kode

Kopier den gitte kodelinjen i '.ts'-filen til TypeScript-prosjektet:

skriv bruker = {
Navn : streng,
alder : Antall,
plassering : streng
} ;

skriv UserWithoutAge = Utelate < Bruker, 'alder' >;

konst bruker uten mangel : BrukerUten Alder = {

Navn : 'Eller' ,

plassering : 'Islamabad'

} ;

konsoll. Logg ( bruker uten driftsstans ) ;

I denne koden:

  • « Bruker '-type er definert med de angitte egenskapenes navn, alder og plassering.
  • Deretter ' BrukerUtenAlder ' opprettes en ny type fra den eksisterende 'Bruker'-typen ved å ekskludere dens 'alder'-egenskap ved å bruke ' Utelate ' verktøytype.
  • Etter det, et objekt ' bruker uten driftsstans ' av typen 'UserWithoutAge' opprettes som spesifiserer alle felt av den eksisterende typen 'User' bortsett fra 'alder'.
  • Til slutt, ' console.log() ”-metoden brukes for å vise “userwithoutage”-objektet.

Produksjon

Kompiler '.ts'-filen og kjør den automatisk genererte '.js'-filen:

tsc hoved. js //Compile.ts-fil

hovednode. js //Kjør .js-filen

Det kan sees at terminalen viser utdataene til den nye typen 'UserWithoutAge'-objekt.

Eksempel 2: Bruk av typen «Utelat» med grensesnitt

Dette eksemplet bruker verktøytypen «Utelat» med grensesnitt for å lage en ny type.

Kode

grensesnitt Bruker {

Navn : streng ;

alder : Antall ;

plassering : streng ;

}

skriv inn NewPerson = Utelate < Bruker, 'alder' | 'plassering' >;

konst person : Ny person = {

Navn : 'Eller'

} ;

konsoll. Logg ( person ) ;

Nå, de oppgitte kodelinjene:

  • Definer et grensesnitt ' Bruker har følgende egenskaper navn, streng og plassering.
  • Deretter oppretter du en ny type ' Ny person ' fra det eksisterende grensesnittet 'Bruker' unntatt de spesifiserte egenskapene alder og plassering.
  • Etter det, lag den nye typen 'NewPerson'-objektet kalt ' person ' spesifiserer bare én egenskap, dvs. 'navn' på eksisterende grensesnitt 'Bruker'.
  • Til slutt, vis 'person'-objektets felt ved å bruke ' console.log() 'metoden.

Produksjon

Kompiler og utfør koden:

tsc hoved. js //Compile.ts-fil

hovednode. js //Kjør .js-filen

Terminalen viser bare én egenskapsverdi av den nye typen 'NewPerson' spesifisert i objektet.

Eksempel 3: Bruk av «Utelat» Type With Function()

Dette eksemplet bruker typen «Utelat» med en funksjon for å returnere objektet til et grensesnitt som er sendt som argument ved å utelate noen få egenskaper til det eksisterende grensesnittet.

Kode

grensesnitt Bruker {

Navn : streng ;

alder : Antall ;

plassering : streng ;

}

funksjon getUserDetails ( ny bruker : Utelate < Bruker, 'Navn' | 'plassering' > ) : Antall {

komme tilbake ( ny bruker. alder )

}

konst ny bruker : Bruker = {

alder : 40 ,

Navn : 'Eller' ,

plassering : 'Islamabad'

} ;

konst brukerdetaljer = getUserDetails ( ny bruker ) ;

konsoll. Logg ( brukerdetaljer ) ;

Kodebiten ovenfor:

  • Lag først et grensesnitt ' Bruker har navn, alder og plasseringsegenskaper.
  • Definer deretter et funksjonsnavn ' getUserDetails() ' som utelater egenskapene 'navn' og 'sted' av typen 'nybruker' til det eksisterende grensesnittet, dvs. 'Bruker'.
  • Denne funksjonen returnerer en numerisk verdi, dvs. 'alderen' til brukeren.
  • Lag nå et objekt av ' ny bruker ' av grensesnittet 'Bruker' for å spesifisere egenskapsverdiene.
  • Deretter kaller du den definerte 'getUserDetails()'-funksjonen og sender 'newuser'-objektet som parameter ved hjelp av ' brukerdetaljer ' konstant.
  • Til slutt, vis 'userDeatils'-utgangen via ' console.log() 'metoden.

Produksjon

tsc hoved. js //Compile.ts-fil

hovednode. js //Kjør .js-filen

Terminalen viser bare ' alder ' egenskapsverdi fordi 'navn' og 'sted' er ekskludert gjennom verktøytypen 'Utelat'.

Konklusjon

I TypeScript, verktøytypen ' Utelate ” tar den eksisterende typen som sin første parameter og oppretter en ny type ved å ekskludere noen få egenskaper av den eksisterende typen. Denne verktøytypen hjelper til med å duplisere en eksisterende type for å lage en ny type som har noen av egenskapene i stedet for å lage den nye typen fra bunnen av. Den kan brukes med 'type' alias, grensesnitt og funksjoner. Denne veiledningen forklarte dypt 'Utelat'-verktøytypen i TypeScript.