Mis on TypeScripti liides vs tüüp?

Mis On Typescripti Liides Vs Tuup



TypeScript toetab kohandatud tüüpe, mida saab määratleda kasutades kas ' liides ” või „ tüüp ”. Liidest saab realiseerida klassi või objektiga, samas kui tüübialiast saab kasutada ainult olemasolevale tüübile uue nime loomiseks või tüüpide liidu määratlemiseks. Kuigi tüübid ja liidesed on sageli vahetatavad, on nende funktsionaalsuses ja süntaksis teatud erinevusi, mis muudavad need konkreetsete stsenaariumide jaoks sobivamaks.

See ajaveeb kirjeldab TypeScripti liidest ja tüüpi ning nende erinevust.







Mis on TypeScripti liides vs tüüp?

Liides ” ja „ tüüp ' kasutatakse kohandatud tüüpide määratlemiseks TypeScriptis. Kuid nende funktsionaalsuses ja süntaksis on mõned erinevused. Peamine erinevus liidese ja tüübi vahel on see, et liides määratleb uue tüübi, tüübialias aga mitte.



Liidese saab rakendada klassi või objektiga, samas kui tüübid võivad määratleda keerukamaid tüüpe, kasutades selliseid funktsioone nagu ühendused ja ristumiskohad. Üldiselt kasutatakse liideseid sagedamini objektide kujude ja API-de määratlemiseks, tüüpe aga keerukate andmetüüpide ja utiliiditüüpide määratlemiseks. Mõistame neid mõlemaid eraldi.



Mis on TypeScripti liides?

TypeScripti liides on tehnika TypeScript-objekti kuju määratlemiseks. See luuakse märksõna ' liides ” ja see määrab atribuutide ja meetodite komplekti, mida objekt vajab, et seda tüüpi liigitada. See on samaväärne objektorienteeritud programmeerimise klassiga; samas ei määratle see rakendust. Liideseid kasutatakse peamiselt tüübikontrolliks ja objekti kindlale struktuurile vastavuse tagamiseks.





Enne jätkamist pidage meeles, et TypeScript-faili käivitamiseks tuleb see tõlkida JavaScripti failiks ja seejärel käivitada terminalis JavaScripti kood, kasutades etteantud käske:

tsc failinimi.ts
sõlme failinimi.js


Näide



Looge liides nimega 'Kasutaja', mis määratleb kolm atribuuti ja meetodi ' hanki Info() ”:

kasutajaliides {
eesnimi: string;
perekonnanimi: string;
vanus: arv;
hankige Infot ( ) : tühine;
}


Loo klass ' Üliõpilane ”, mis on liidesega päritud. Klass määratleb oma atribuudid, konstruktori, mis määrab atribuutidele väärtused, ja meetodi 'getInfo()', mis kuvab atribuutidega seotud väärtused:

klass Õpilane rakendab Kasutaja {
eesnimi: string;
perekonnanimi: string;
vanus: arv;

konstruktor ( eesnimi: string, perekonnanimi: string, vanus: number ) {
this.firstName = eesnimi;
this.perenimi = perekonnanimi;
this.vanus = vanus;
}
hankige Infot ( ) : tühine {
console.log ( 'Õpilaste teave:' )
console.log ( '- nimi: ' + see.eesnimi + '' + see.perenimi ) ;
console.log ( '- Vanus:' + see.vanus ) ;
}
}


Loo objekt ' Üliõpilane 'nimega' std '/' Kasutaja ' tippige, kutsudes konstruktorit märksõnaga 'new' ja seejärel helistage meetodile getInfo(), et printida andmed konsoolile:

const std: Kasutaja = uus õpilane ( 'Nahkhiir' , 'Steve' , 17 ) ;
std.getInfo ( ) ;


Väljund

Mis on TypeScripti tüüp?

TypeScripti tüüpe kasutatakse enamasti olemasolevate tüüpide varjunimede loomiseks, aga ka keerukamate tüüpide loomiseks. See tähistab andmete konkreetset kuju või struktuuri. Seda saab määratleda/deklareerida ' tüüp ” märksõna. TypeScripti tüüpe saab kasutada koodi arusaadavamaks muutmiseks ja korduste/dubleerimiste vähendamiseks.

Näide

Esmalt määrake tüüp ' Kasutaja ' kasutades ' tüüp ” märksõna, mis on määratud viie atribuudiga üks neist on valikuline atribuut, mis on „ telefon ”:

tüüp Kasutaja = {
eesnimi: string;
perekonnanimi: string;
vanus: arv;
email: string;
telefon?: string;
} ;


Määrake funktsioon nimega ' hanki FullName ', mis võtab parameetri tüüpi ' Kasutaja ” ja prindib andmed, mis koosnevad isiku teabest, sealhulgas „ nimi ”, „ vanus ”, „ email ” ja „ telefoninumber ”:

funktsiooni hankige Infot ( isik: kasutaja ) : tühine {
console.log ( 'Kasutaja teave:' )
console.log ( '- nimi: ' + isik.eesnimi + '' + isik.perenimi ) ;
console.log ( '- Vanus:' + inimene.vanus ) ;
console.log ( '- E-post: ' + isik.e-post ) ;
console.log ( '-Telefoni nr:' + inimene.telefon ) ;
}


Nüüd looge objekt ' isik ' tüüpi ' Kasutaja ” võtme-väärtuse paaridega:

const isik: Kasutaja = {
eesnimi: 'Mily' ,
perekonnanimi: 'Micheal' ,
vanus: 28 ,
email: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;


Lõpuks printige kasutajateave, kutsudes välja funktsiooni getInfo():

console.log ( hankige Infot ( isik ) ) ;


Väljund


See kõik puudutas TypeScripti liidest ja tüüpi.

Järeldus

TypeScriptis ' liides ” ja „ tüüp ” kasutatakse kohandatud tüüpide määratlemiseks. Liidese saab rakendada klassi või objektiga, samas kui tüübid võivad määratleda keerukamaid tüüpe, kasutades selliseid funktsioone nagu ühendused ja ristumiskohad. Need on võimsad funktsioonid, mis aitavad kirjutada organiseeritumat ja skaleeritavamat koodi. Selles ajaveebis kirjeldati TypeScripti liidest ja tüüpi ning nende erinevust.