TypeScript podpira vrste po meri, ki jih je mogoče definirati z uporabo » vmesnik « ali » vrsta ”. Vmesnik lahko implementira razred ali objekt, medtem ko se vzdevek tipa lahko uporabi samo za ustvarjanje novega imena za obstoječi tip ali za definiranje unije tipov. Čeprav so tipi in vmesniki pogosto zamenljivi, obstajajo določene razlike v njihovi funkcionalnosti in sintaksi, zaradi katerih so primernejši za določene scenarije.
Ta blog bo opisal vmesnik in vrsto TypeScript ter njuno razliko.
Kaj je vmesnik TypeScript v primerjavi s tipom?
“ Vmesnik « in » vrsta ” se uporabljajo za definiranje vrst po meri v TypeScript. Vendar obstajajo nekatere razlike v njihovi funkcionalnosti in sintaksi. Glavna razlika med vmesnikom in tipom je v tem, da vmesnik definira nov tip, vzdevek tipa pa ne.
Vmesnik lahko implementira razred ali objekt, medtem ko lahko tipi definirajo bolj zapletene tipe z uporabo funkcij, kot so unije in presečišča. Na splošno se vmesniki pogosteje uporabljajo za definiranje oblik predmetov in API-jev, medtem ko se tipi pogosteje uporabljajo za definiranje kompleksnih tipov podatkov in tipov pripomočkov. Razumejmo oboje ločeno.
Kaj je vmesnik TypeScript?
Vmesnik TypeScript je tehnika za definiranje oblike predmeta TypeScript. Ustvarjen je s ključno besedo ' vmesnik ” in podaja nabor atributov in metod, ki jih objekt potrebuje, da bi bil razvrščen v to vrsto. Je enakovreden razredu v objektno usmerjenem programiranju; vendar ne opredeljuje nobene izvedbe. Vmesniki se večinoma uporabljajo za preverjanje tipa in zagotavljanje skladnosti predmeta z določeno strukturo.
Preden nadaljujete, ne pozabite, da je za izvedbo datoteke TypeScript treba prevesti v datoteko JavaScript in nato zagnati kodo JavaScript na terminalu z uporabo danih ukazov:
tsc ime datoteke.tsime datoteke vozlišča.js
Primer
Ustvarite vmesnik z imenom »Uporabnik«, ki definira tri atribute in metodo » getInfo() ”:
Uporabniški vmesnik {firstName: niz;
priimek: niz;
starost: število;
getInfo ( ) : praznina;
}
Ustvari razred ' študent «, ki je podedovan z vmesnikom. Razred definira svoje atribute, konstruktor, ki bo dodelil vrednosti atributom, in metodo 'getInfo()', ki bo prikazala vrednosti glede na atribute:
firstName: niz;
priimek: niz;
starost: število;
konstruktor ( ime: niz, priimek: niz, starost: številka ) {
this.firstName = firstName;
this.lastName = lastName;
this.age = starost;
}
getInfo ( ) : nična {
console.log ( 'Podatki za študente:' )
console.log ( '- Ime: ' + this.firstName + ' ' + ta.priimek ) ;
console.log ( '- Starost: ' + ta.starost ) ;
}
}
Ustvari predmet ' študent 'imenovan' std ” od “ Uporabnik ” vnesite tako, da pokličete konstruktor s ključno besedo “new” in nato pokličete metodo getInfo(), da natisnete podatke na konzoli:
std.getInfo ( ) ;
Izhod
Kaj je vrsta TypeScript?
Tipi TypeScript se večinoma uporabljajo za ustvarjanje vzdevkov za obstoječe tipe, pa tudi za ustvarjanje bolj zapletenih tipov. Predstavlja določeno obliko ali strukturo podatkov. Lahko se definira/deklarira z ' vrsta ” ključna beseda. Tipe TypeScript lahko uporabite za boljšo razumljivost kode in zmanjšanje ponavljanja/podvajanja.
Primer
Najprej določite vrsto ' Uporabnik ' uporabljati ' vrsta ' ključna beseda, določena s petimi lastnostmi, ena od njih je izbirni atribut, ki je ' telefon ”:
vrsta Uporabnik = {firstName: niz;
priimek: niz;
starost: število;
e-pošta: niz;
telefon?: niz;
} ;
Definirajte funkcijo z imenom ' getFullName «, ki sprejme parameter tipa » Uporabnik « in natisne podatke, sestavljene iz informacij o osebi, vključno z » ime ”, “ starost ”, “ E-naslov « in » telefonska številka ”:
console.log ( 'Podatki o uporabniku:' )
console.log ( '- Ime: ' + person.firstName + ' ' + oseba.priimek ) ;
console.log ( '- Starost: ' + starost osebe ) ;
console.log ( '- E-naslov: ' + oseba.e-pošta ) ;
console.log ( '-telefonska številka: ' + oseba.telefon ) ;
}
Zdaj ustvarite predmet ' oseba ' vrste ' Uporabnik « s pari ključ-vrednost:
ime: 'Mily' ,
priimek: 'Micheal' ,
starost: 28 ,
E-naslov: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;
Nazadnje natisnite informacije o uporabniku s klicem funkcije getInfo():
Izhod
To je bilo vse o vmesniku in vrsti TypeScript.
Zaključek
V TypeScriptu, ' vmesnik « in » vrsta ” se uporabljajo za definiranje vrst po meri. Vmesnik lahko implementira razred ali objekt, medtem ko lahko tipi definirajo bolj zapletene tipe z uporabo funkcij, kot so unije in presečišča. To so zmogljive funkcije, ki lahko pomagajo napisati bolj organizirano in razširljivo kodo. Ta blog je opisal vmesnik in tip TypeScript ter njuno razliko.