TypeScript podržava prilagođene tipove, koji se mogu definirati pomoću ' sučelje ' ili ' tip ”. Sučelje može biti implementirano klasom ili objektom, dok se alias tipa može koristiti samo za stvaranje novog imena za postojeći tip ili za definiranje unije tipova. Iako su tipovi i sučelja često međusobno zamjenjivi, postoje određene razlike u njihovoj funkcionalnosti i sintaksi koje ih čine prikladnijima za određene scenarije.
Ovaj blog će opisati TypeScript sučelje i tip te njihovu razliku.
Što je TypeScript sučelje naspram tipa?
“ Sučelje ' i ' tip ” koriste se za definiranje prilagođenih tipova u TypeScriptu. Ali postoje neke razlike u njihovoj funkcionalnosti i sintaksi. Glavna razlika između sučelja i tipa je u tome što sučelje definira novi tip, dok pseudonim tipa ne.
Sučelje može biti implementirano pomoću klase ili objekta, dok tipovi mogu definirati složenije tipove korištenjem značajki kao što su unije i križanja. Općenito, sučelja se češće koriste za definiranje oblika objekata i API-ja, dok se tipovi češće koriste za definiranje složenih tipova podataka i tipova pomoćnih programa. Razmotrimo oba ova zasebno.
Što je TypeScript sučelje?
TypeScript sučelje je tehnika za definiranje oblika TypeScript objekta. Stvoren je pomoću ključne riječi ' sučelje ” i specificira skup atributa i metoda koje objekt zahtijeva da bi bio klasificiran u tu vrstu. Ekvivalent je klasi u objektno orijentiranom programiranju; međutim, ne definira nikakvu provedbu. Sučelja se uglavnom koriste za provjeru tipa i osiguravanje usklađenosti objekta s određenom strukturom.
Prije nego što nastavite, imajte na umu da se, kako bi se izvršila TypeScript datoteka, mora transpilirati u JavaScript datoteku, a zatim pokrenuti JavaScript kod na terminalu pomoću zadanih naredbi:
tsc naziv datoteke.tsnaziv datoteke čvora.js
Primjer
Napravite sučelje pod nazivom 'Korisnik' koje definira tri atributa i metodu ' dobiti informacije() ”:
sučelje Korisnik {ime: niz;
prezime: niz;
dob: broj;
dobiti informacije ( ) : praznina;
}
Napravi razred ' Student ” koji se nasljeđuje sa sučeljem. Klasa definira svoje atribute, konstruktor koji će dodijeliti vrijednosti atributima i metodu 'getInfo()' koja će prikazati vrijednosti u odnosu na atribute:
ime: niz;
prezime: niz;
dob: broj;
konstruktor ( ime: niz, prezime: niz, dob: broj ) {
this.firstName = Ime;
this.lastName = prezime;
this.age = dob;
}
dobiti informacije ( ) : ništavno {
konzola.log ( 'Informacije o studentima:' )
konzola.log ( '- Ime: ' + this.firstName + ' ' + ovo.prezime ) ;
konzola.log ( '- Dob: ' + ovo.dob ) ;
}
}
Stvorite objekt od ' Student 'nazvan' std ” od “ Korisnik ” upišite pozivom konstruktora s ključnom riječi “new”, a zatim pozovite metodu getInfo() za ispis podataka na konzoli:
std.getInfo ( ) ;
Izlaz
Što je TypeScript tip?
TypeScript tipovi uglavnom se koriste za stvaranje aliasa za postojeće tipove, kao i za stvaranje kompliciranijih tipova. Predstavlja određeni oblik ili strukturu podataka. Može se definirati/deklarirati s ' tip ” ključna riječ. Tipovi TypeScripta mogu se koristiti kako bi kôd bio razumljiviji i smanjio ponavljanje/dupliciranje.
Primjer
Prvo, definirajte vrstu ' Korisnik ' koristiti ' tip ” ključna riječ navedena s pet svojstava jedno od njih je izborni atribut koji je „ telefon ”:
tip Korisnik = {ime: niz;
prezime: niz;
dob: broj;
e-pošta: niz;
telefon?: niz;
} ;
Definirajte funkciju pod nazivom ' getFullName ', koji uzima parametar tipa ' Korisnik ' i ispisuje podatke koji se sastoje od podataka o osobi uključujući ' Ime ”, “ dob ”, “ elektronička pošta ' i ' broj telefona ”:
konzola.log ( 'Informacije o korisniku:' )
konzola.log ( '- Ime: ' + osoba.ime + ' ' + osoba.prezime ) ;
konzola.log ( '- Dob: ' + osoba.dob ) ;
konzola.log ( '- E-pošta: ' + osoba.e-mail ) ;
konzola.log ( '-Broj telefona: ' + osoba.telefon ) ;
}
Sada stvorite objekt ' osoba ' tipa ' Korisnik ” s parovima ključ-vrijednost:
ime: 'Mily' ,
prezime: 'Micheal' ,
dob: 28 ,
email: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;
Na kraju, ispišite korisničke informacije pozivanjem funkcije getInfo():
Izlaz
To je bilo sve o TypeScript sučelju i tipu.
Zaključak
U TypeScriptu, ' sučelje ' i ' tip ” koriste se za definiranje prilagođenih tipova. Sučelje može biti implementirano pomoću klase ili objekta, dok tipovi mogu definirati složenije tipove korištenjem značajki kao što su unije i križanja. Ovo su moćne značajke koje mogu pomoći u pisanju organiziranijeg i skalabilnijeg koda. Ovaj je blog opisao TypeScript sučelje i vrstu te njihovu razliku.