Kas ir TypeScript izlaišanas veids?

Kas Ir Typescript Izlaisanas Veids



TypeScript piedāvā plašu utilītu veidu klāstu, lai padarītu tā tipu sistēmu ērtāku un efektīvāku. Šie veidi ļauj lietotājiem izveidot jaunu tipu, pamatojoties uz esošo tipu, noņemot vai modificējot rekvizītus, padarot rekvizītus tikai lasāmus vai neobligātus un daudz ko citu. Katrs utilītas veids veic noteiktu funkcionalitāti, pamatojoties uz tā nosaukumu, piemēram, tips “neobligāts” padara rekvizītus neobligātus, “tikai lasāms” deklarē lauku kā tikai lasāmu un tā tālāk.

Šajā rokasgrāmatā ir izskaidrots TypeScript utilīta “Izlaist” veids.

Kas ir TypeScript izlaišanas veids?

' Izlaist ” lietderības tips izveido jaunu tipu, izslēdzot nevajadzīgos pamata tipa rekvizītus. Pamata tips apzīmē esošo tipu, no kura izriet jaunais tips.







Sintakse



ierakstiet NewType = Izlaist < EsošaisTips, 'PropertyName1' | 'PropertyName2' | ... >

Iepriekš minētā sintakse var ' Izlaist 'vairāki '' rekvizīti EsošaisTips ”, atdalot tos ar “ VAI (|)” operators.



Praktiski izmantosim iepriekš definēto lietderības veidu “Izlaist”.





1. piemērs: “Izlaist” lietošana ar Type Alias

Šajā piemērā tiek izmantots utilīta tips “Izlaist”, lai izveidotu jaunu tipu no esošā veida.



Kods

Kopējiet norādīto koda rindiņu TypeScript projekta failā “.ts”:

ierakstiet Lietotājs = {
nosaukums : aukla,
vecums : numurs,
atrašanās vieta : virkne
} ;

ierakstiet UserWithoutAge = Izlaist < Lietotājs, 'vecums' >;

konst lietotājs bez pārtraukuma : LietotājsBezVecuma = {

nosaukums : 'vai' ,

atrašanās vieta : 'Islāmabada'

} ;

konsole. žurnāls ( lietotājs bez pārtraukuma ) ;

Šajā kodā:

  • ' Lietotājs ” tips ir definēts ar norādīto rekvizītu nosaukumu, vecumu un atrašanās vietu.
  • Tālāk “ LietotājsBezVecuma no esošā tipa “Lietotājs” tiek izveidots jauns tips, izslēdzot tā rekvizītu “vecums”, izmantojot “ Izlaist ” lietderības veids.
  • Pēc tam objekts ' lietotājs bez pārtraukuma Tiek izveidots “UserWithoutAge” tipa lauks, kas norāda visus esošā tipa “Lietotājs” laukus, izņemot “vecumu”.
  • Visbeidzot, ' console.log() ” metode tiek izmantota, lai parādītu objektu “userwithoutage”.

Izvade

Apkopojiet “.ts” failu un palaidiet automātiski ģenerēto “.js” failu:

tsc galvenais. js //Fails Compile.ts

mezgla galvenais. js //Palaidiet .js failu

Redzams, ka terminālis parāda jaunā tipa “UserWithoutAge” objekta izvadi.

2. piemērs: Tipa “Izlaist” lietošana ar interfeisu

Šajā piemērā tiek izmantots utilīta tips “Izlaist” ar saskarnēm, lai izveidotu jaunu tipu.

Kods

saskarne Lietotājs {

nosaukums : virkne ;

vecums : numuru ;

atrašanās vieta : virkne ;

}

ierakstiet NewPerson = Izlaist < Lietotājs, 'vecums' | 'atrašanās vieta' >;

konst persona : NewPerson = {

nosaukums : 'vai'

} ;

konsole. žurnāls ( persona ) ;

Tagad norādītās koda rindas:

  • Definējiet saskarni ' Lietotājs ” ar šādu rekvizītu nosaukumu, virkni un atrašanās vietu.
  • Pēc tam izveidojiet jaunu veidu ' NewPerson ” no esošās saskarnes “Lietotājs”, izņemot tā norādīto rekvizītu vecumu un atrašanās vietu.
  • Pēc tam izveidojiet jauna tipa “NewPerson” objektu ar nosaukumu “ persona ” norādot tikai vienu rekvizītu, t.i., esošās saskarnes “Lietotājs” “nosaukums”.
  • Visbeidzot, parādiet objekta “personas” laukus, izmantojot “ console.log() ” metode.

Izvade

Apkopojiet un izpildiet kodu:

tsc galvenais. js //Fails Compile.ts

mezgla galvenais. js //Palaidiet .js failu

Terminālis parāda tikai vienu tā objektā norādīto jaunā tipa “NewPerson” rekvizītu vērtību.

3. piemērs: Tipa “Izlaist” lietošana ar funkciju ()

Šajā piemērā tiek izmantots tips “Izlaist” ar funkciju, lai atgrieztu interfeisa objektu, kas nodots kā arguments, izlaižot dažus esošās saskarnes rekvizītus.

Kods

saskarne Lietotājs {

nosaukums : virkne ;

vecums : numuru ;

atrašanās vieta : virkne ;

}

funkcija getUserDetails ( jauns lietotājs : Izlaist < Lietotājs, 'vārds' | 'atrašanās vieta' > ) : numuru {

atgriezties ( jauns lietotājs. vecums )

}

konst jauns lietotājs : Lietotājs = {

vecums : 40 ,

nosaukums : 'vai' ,

atrašanās vieta : 'Islāmabada'

} ;

konst lietotājsDetaļas = getUserDetails ( jauns lietotājs ) ;

konsole. žurnāls ( lietotājsDetaļas ) ;

Iepriekš minētais koda fragments:

  • Vispirms izveidojiet saskarni ' Lietotājs ” ar vārda, vecuma un atrašanās vietas īpašībām.
  • Pēc tam definējiet funkcijas nosaukumu ' getUserDetails() ”, kas izlaiž esošās saskarnes “newuser” tipa rekvizītus “name” un “location”, t.i., “Lietotājs”.
  • Šī funkcija atgriež skaitlisku vērtību, t.i., lietotāja “vecumu”.
  • Tagad izveidojiet objektu no ' jauns lietotājs ” interfeisa “Lietotājs”, lai norādītu tā rekvizītu vērtības.
  • Pēc tam izsauciet definēto funkciju “getUserDetails()”, kā parametru nododot objektu “newuser”, izmantojot “ lietotājsDetaļas ” nemainīgs.
  • Visbeidzot, parādiet “userDeatils” izvadi, izmantojot “ console.log() ” metode.

Izvade

tsc galvenais. js //Fails Compile.ts

mezgla galvenais. js //Palaidiet .js failu

Terminālis parāda tikai ' vecums ” īpašuma vērtība, jo “nosaukums” un “atrašanās vieta” ir izslēgti, izmantojot utilīta veidu “Izlaist”.

Secinājums

Programmā TypeScript utilīta tips “ Izlaist ” kā pirmo parametru izmanto esošo tipu un izveido jaunu tipu, izslēdzot dažus esošā tipa rekvizītus. Šis utilītas veids palīdz dublēt esošu tipu, lai izveidotu jaunu tipu ar dažiem tā rekvizītiem, nevis radītu jaunu tipu no jauna. To var lietot ar 'tipa' aizstājvārdu, saskarnēm un funkcijām. Šajā rokasgrāmatā ir sīki izskaidrots TypeScript utilīta veids “Izlaist”.