TypeScript tukee mukautettuja tyyppejä, jotka voidaan määrittää joko ' käyttöliittymä ' tai ' tyyppi ”. Rajapinta voidaan toteuttaa luokan tai objektin avulla, kun taas tyyppialiasta voidaan käyttää vain uuden nimen luomiseen olemassa olevalle tyypille tai tyyppien liiton määrittämiseen. Vaikka tyypit ja liitännät ovat usein vaihdettavissa, niiden toiminnallisuudessa ja syntaksissa on tiettyjä eroja, jotka tekevät niistä sopivampia tiettyihin skenaarioihin.
Tässä blogissa kerrotaan TypeScript-käyttöliittymästä ja -tyypistä sekä niiden eroista.
Mikä on TypeScript-liitäntä vs Type?
' Käyttöliittymä ' ja ' tyyppi ' käytetään mukautettujen tyyppien määrittämiseen TypeScriptissä. Mutta niiden toiminnallisuudessa ja syntaksissa on joitain eroja. Suurin ero käyttöliittymän ja tyypin välillä on se, että käyttöliittymä määrittelee uuden tyypin, kun taas tyypin alias ei.
Rajapinta voidaan toteuttaa luokan tai objektin avulla, kun taas tyypit voivat määrittää monimutkaisempia tyyppejä käyttämällä ominaisuuksia, kuten liitoksia ja risteyksiä. Yleensä rajapintoja käytetään yleisemmin objektimuotojen ja API:iden määrittämiseen, kun taas tyyppejä käytetään yleisemmin monimutkaisten tietotyyppien ja aputyyppien määrittämiseen. Ymmärretään nämä molemmat erikseen.
Mikä on TypeScript-käyttöliittymä?
TypeScript-käyttöliittymä on tekniikka TypeScript-objektin muodon määrittämiseen. Se luodaan avainsanalla ' käyttöliittymä ” ja se määrittää joukon attribuutteja ja menetelmiä, jotka objekti tarvitsee voidakseen luokitella kyseisen tyypin. Se vastaa olio-ohjelmoinnin luokkaa; se ei kuitenkaan määrittele täytäntöönpanoa. Liitäntöjä käytetään pääasiassa tyypin tarkistamiseen ja sen varmistamiseen, että objekti on tietyn rakenteen mukainen.
Ennen kuin jatkat, muista, että TypeScript-tiedoston suorittamiseksi se on muunnettava JavaScript-tiedostoksi ja suoritettava sitten JavaScript-koodi päätteessä annetuilla komennoilla:
tsc tiedostonimi.tssolmun tiedostonimi.js
Esimerkki
Luo käyttöliittymä nimeltä 'Käyttäjä', joka määrittää kolme attribuuttia ja menetelmän ' saada tietoa() ':
käyttöliittymä Käyttäjä {etunimi: merkkijono;
sukunimi: merkkijono;
ikä: numero;
saada tietoa ( ) : tyhjä;
}
Luo luokka ' Opiskelija ', joka periytyy käyttöliittymän avulla. Luokka määrittelee attribuuttinsa, rakentajan, joka määrittää attribuuteille arvot, ja menetelmän 'getInfo()', joka näyttää attribuutteihin liittyvät arvot:
etunimi: merkkijono;
sukunimi: merkkijono;
ikä: numero;
rakentaja ( etunimi: merkkijono, sukunimi: merkkijono, ikä: numero ) {
this.firstName = etunimi;
this.sukunimi = sukunimi;
this.age = ikä;
}
saada tietoa ( ) : tyhjä {
console.log ( 'Opiskelijatiedot:' )
console.log ( '- Nimi:' + tämä.etunimi + '' + this.sukunimi ) ;
console.log ( '- Ikä:' + tämä.ikä ) ;
}
}
Luo objekti ' Opiskelija 'nimeltään' std '/' Käyttäjä kirjoita kutsumalla rakentaja 'new'-avainsanalla ja kutsu sitten getInfo()-metodi tulostaaksesi tiedot konsoliin:
std.getInfo ( ) ;
Lähtö
Mikä on TypeScript-tyyppi?
TypeScript-tyyppejä käytetään enimmäkseen aliasten luomiseen olemassa oleville tyypeille sekä monimutkaisempien tyyppien luomiseen. Se edustaa tiedon tiettyä muotoa tai rakennetta. Se voidaan määritellä / ilmoittaa ' tyyppi ”avainsana. TypeScriptin tyyppejä voidaan käyttää tekemään koodista ymmärrettävämpää ja vähentämään toistoa/päällekkäisyyttä.
Esimerkki
Määritä ensin tyyppi ' Käyttäjä ' käyttämällä ' tyyppi ' avainsana, joka on määritetty viidellä ominaisuudella, yksi niistä on valinnainen attribuutti, joka on ' puhelin ':
tyyppi Käyttäjä = {etunimi: merkkijono;
sukunimi: merkkijono;
ikä: numero;
sähköposti: merkkijono;
puhelin?: merkkijono;
} ;
Määritä funktio nimeltä ' getFullName ', joka ottaa parametrin tyyppiä ' Käyttäjä ' ja tulostaa tiedot, jotka koostuvat henkilön tiedoista, mukaan lukien ' nimi ”, “ ikä ”, “ sähköposti ' ja ' puhelinnumero ':
console.log ( 'Käyttäjän tiedot:' )
console.log ( '- Nimi:' + henkilö.etunimi + '' + henkilö.sukunimi ) ;
console.log ( '- Ikä:' + henkilö.ikä ) ;
console.log ( '- Sähköposti: ' + henkilö.sähköposti ) ;
console.log ( '-Puhelin #: ' + henkilö.puhelin ) ;
}
Luo nyt objekti ' henkilö 'tyyppiä' Käyttäjä ” avain-arvo-parien kanssa:
etunimi: 'Mily' ,
sukunimi: 'Micheal' ,
ikä: 28 ,
sähköposti: 'mili124@yahoo.com' ,
puhelin: '086-34581734'
} ;
Tulosta lopuksi käyttäjätiedot kutsumalla funktio getInfo():
Lähtö
Siinä oli kyse TypeScript-käyttöliittymästä ja -tyypistä.
Johtopäätös
TypeScriptissä ' käyttöliittymä ' ja ' tyyppi ' käytetään mukautettujen tyyppien määrittämiseen. Rajapinta voidaan toteuttaa luokan tai objektin avulla, kun taas tyypit voivat määrittää monimutkaisempia tyyppejä käyttämällä ominaisuuksia, kuten liitoksia ja risteyksiä. Nämä ovat tehokkaita ominaisuuksia, jotka voivat auttaa kirjoittamaan järjestelmällisempää ja skaalautuvampaa koodia. Tässä blogissa kerrottiin TypeScript-käyttöliittymästä ja -tyypistä sekä niiden eroista.