Mikä on TypeScriptin ohitustyyppi?

TypeScript tarjoaa laajan valikoiman aputyyppejä tehdäkseen tyyppijärjestelmästään kätevämmän ja tehokkaamman. Näiden tyyppien avulla käyttäjät voivat rakentaa uuden tyypin olemassa olevan tyypin perusteella poistamalla tai muokkaamalla ominaisuuksia, tekemällä ominaisuuksista vain luku - tai valinnaisia ja paljon muuta. Jokainen apuohjelmatyyppi suorittaa tiettyjä toimintoja sen nimen perusteella, kuten 'valinnainen'-tyyppi tekee ominaisuuksista valinnaisia, 'vain luku' ilmoittaa kentän vain luku -muotoiseksi ja niin edelleen.

Tämä opas selittää TypeScriptin 'Omit'-apuohjelman tyypin.

Mikä on TypeScriptin ohitustyyppi?

' Jättää pois ” apuohjelmatyyppi luo uuden tyypin jättämällä pois perustyypin tarpeettomat ominaisuudet. Perustyyppi edustaa olemassa olevaa tyyppiä, josta uusi tyyppi on peräisin.

Syntaksi

kirjoita NewType = Jättää pois < Olemassa oleva tyyppi, 'PropertyName1' | 'PropertyName2' | ... >

Yllä oleva syntaksi voi ' Jättää pois ' useita ominaisuuksia ' Olemassa oleva Tyyppi ' erottamalla ne '' TAI (|)”-operaattori.

Käytetään käytännössä yllä määriteltyä 'Omit' -apuohjelmaa.

Esimerkki 1: 'Omit' käyttäminen Type Alias:lla

Tässä esimerkissä käytetään 'Omit' -apuohjelman tyyppiä uuden tyypin luomiseen olemassa olevasta tyypistä.

Koodi

Kopioi annettu koodirivi TypeScript-projektin .ts-tiedostoon:

kirjoita Käyttäjä = {
nimi : merkkijono,
ikä : määrä,
sijainti : merkkijono
} ;

kirjoita UserWithoutAge = Jättää pois < käyttäjä, 'ikä' >;

konst käyttäjä ilman katkosta : UserWithoutAge = {

nimi : 'Tai' ,

sijainti : 'Islamabad'

} ;

konsoli. Hirsi ( käyttäjä ilman katkosta ) ;

Tässä koodissa:

' Käyttäjä ”-tyyppi määritellään määritetyn ominaisuuden nimellä, iällä ja sijainnilla.
Seuraavaksi ' UserWithoutAge ' uusi tyyppi luodaan olemassa olevasta 'Käyttäjä' -tyypistä sulkemalla pois sen 'age'-ominaisuus käyttämällä ' Jättää pois ”apuohjelman tyyppi.
Sen jälkeen esine ' käyttäjä ilman katkosta ', jonka tyyppi on 'UserWithoutAge', luodaan, joka määrittää kaikki olemassa olevan 'User'-tyypin kentät paitsi 'ikä'.
Lopuksi ' console.log() ' -menetelmää käytetään 'userwithoutage' -objektin näyttämiseen.

Lähtö

Kääntä .ts-tiedosto ja suorita automaattisesti luotu .js-tiedosto:

tsc pää. js //Compile.ts-tiedosto

solmupää. js //Suorita .js-tiedosto

Voidaan nähdä, että pääte näyttää uudentyyppisen 'UserWithoutAge' -objektin lähdön.

Esimerkki 2: 'Omit' -tyypin käyttäminen käyttöliittymän kanssa

Tässä esimerkissä käytetään 'Omit' -apuohjelmaa liitäntöjen kanssa uuden tyypin luomiseksi.

Koodi

käyttöliittymä Käyttäjä {

nimi : merkkijono ;

ikä : määrä ;

sijainti : merkkijono ;

}

kirjoita NewPerson = Jättää pois < käyttäjä, 'ikä' | 'sijainti' >;

konst henkilö : NewPerson = {

nimi : 'Tai'

} ;

konsoli. Hirsi ( henkilö ) ;

Nyt ilmoitetut koodirivit:

Määritä käyttöliittymä ' Käyttäjä ', jolla on seuraavat ominaisuuksien nimi, merkkijono ja sijainti.
Luo seuraavaksi uusi tyyppi ' NewPerson ' olemassa olevasta käyttöliittymästä 'Käyttäjä', lukuun ottamatta sen määritettyjä ominaisuuksia, ikää ja sijaintia.
Luo sen jälkeen uudentyyppinen 'NewPerson' -objekti nimeltä ' henkilö ' määrittämällä vain yhden ominaisuuden eli olemassa olevan käyttöliittymän 'nimi' 'Käyttäjä'.
Lopuksi näytä 'henkilö' -objektin kentät käyttämällä ' console.log() ”menetelmä.

Lähtö

Kääntää ja suorittaa koodi:

tsc pää. js //Compile.ts-tiedosto

solmupää. js //Suorita .js-tiedosto

Pääte näyttää vain yhden objektissaan määritetyn uuden tyypin 'NewPerson' ominaisuusarvon.

Esimerkki 3: 'Omit' -tyypin käyttäminen funktiolla ()

Tässä esimerkissä käytetään 'Omit' -tyyppiä funktiolla, joka palauttaa argumenttina välitetyn rajapinnan objektin jättämällä pois muutamia olemassa olevan liitännän ominaisuuksia.

Koodi

käyttöliittymä Käyttäjä {

nimi : merkkijono ;

ikä : määrä ;

sijainti : merkkijono ;

}

funktio getUserDetails ( uusi käyttäjä : Jättää pois < käyttäjä, 'nimi' | 'sijainti' > ) : määrä {

palata ( uusi käyttäjä. ikä )

}

konst uusi käyttäjä : Käyttäjä = {

ikä : 40 ,

nimi : 'Tai' ,

sijainti : 'Islamabad'

} ;

konst käyttäjätiedot = getUserDetails ( uusi käyttäjä ) ;

konsoli. Hirsi ( käyttäjätiedot ) ;

Yllä oleva koodinpätkä:

Luo ensin käyttöliittymä ' Käyttäjä ', jossa on nimi-, ikä- ja sijaintiominaisuudet.
Määritä seuraavaksi funktion nimi ' getUserDetails() ', joka jättää pois olemassa olevan käyttöliittymän 'newuser' tyypin 'name' ja 'location' ominaisuudet, eli 'Käyttäjä'.
Tämä funktio palauttaa numeerisen arvon, eli käyttäjän 'iän'.
Luo nyt objekti ' uusi käyttäjä ” käyttöliittymästä ”Käyttäjä” määrittääksesi sen ominaisuuksien arvot.
Kutsu sen jälkeen määritetty 'getUserDetails()'-funktio, joka välittää 'newuser'-objektin parametriksi '' käyttäjätiedot ” vakiona.
Näytä lopuksi 'userDeatils' -tulostus ' console.log() ”menetelmä.

Lähtö

tsc pää. js //Compile.ts-tiedosto

solmupää. js //Suorita .js-tiedosto

Pääte näyttää vain ' ikä ' ominaisuuden arvo, koska 'nimi' ja 'sijainti' jätetään pois 'Omit'-aputyypin kautta.

Johtopäätös

TypeScriptissä apuohjelman tyyppi ' Jättää pois ” ottaa olemassa olevan tyypin ensimmäiseksi parametriksi ja luo uuden tyypin sulkemalla pois muutamia olemassa olevan tyypin ominaisuuksia. Tämä apuohjelmatyyppi auttaa kopioimaan olemassa olevan tyypin uuden tyypin luomiseksi, jolla on jotkin sen ominaisuudet sen sijaan, että luotaisiin uusi tyyppi tyhjästä. Sitä voidaan käyttää 'tyyppi'-aliasten, rajapintojen ja funktioiden kanssa. Tämä opas selitti perusteellisesti TypeScriptin 'Omit' -aputyypin.

Mikä on TypeScriptin ohitustyyppi?