A TypeScript támogatja az egyéni típusokat, amelyek a „ felület ” vagy „ típus ”. Az interfészt megvalósíthatja egy osztály vagy egy objektum, míg a típusálnév csak egy meglévő típus új név létrehozására vagy típusok uniójának meghatározására használható. Bár a típusok és az interfészek gyakran felcserélhetők, vannak bizonyos különbségek a funkcionalitásukban és a szintaxisukban, amelyek miatt jobban megfelelnek az adott forgatókönyvnek.
Ez a blog leírja a TypeScript felületet és típusát, valamint ezek különbségét.
Mi a TypeScript interfész vs Type?
' Felület ” és „ típus ” a TypeScript egyéni típusainak meghatározására szolgál. De van néhány különbség a funkciójukban és a szintaxisukban. A fő különbség az interfész és a típus között az, hogy az interfész új típust határoz meg, míg a típusálnév nem.
Az interfészt megvalósíthatja egy osztály vagy egy objektum, míg a típusok összetettebb típusokat határozhatnak meg olyan szolgáltatások segítségével, mint az uniók és a metszéspontok. Általánosságban elmondható, hogy az interfészeket gyakrabban használják objektumalakzatok és API-k meghatározására, míg a típusokat gyakrabban használják összetett adattípusok és segédprogramtípusok meghatározására. Értsük meg mindkettőt külön-külön.
Mi az a TypeScript interfész?
A TypeScript interfész egy TypeScript objektum alakjának meghatározására szolgáló technika. A 'kulcsszó használatával jön létre felület ”, és megadja az attribútumok és metódusok készletét, amelyekre egy objektumnak szüksége van ahhoz, hogy az adott típusba sorolható legyen. Egyenértékű az objektum-orientált programozás osztályával; azonban nem határoz meg semmilyen megvalósítást. Az interfészek főként típusellenőrzésre és annak biztosítására szolgálnak, hogy egy objektum megfeleljen egy adott struktúrának.
Mielőtt továbblépne, ne feledje, hogy egy TypeScript-fájl végrehajtásához azt JavaScript-fájlba kell átültetni, majd a megadott parancsok segítségével futtassa a JavaScript-kódot a terminálon:
tsc fájlnév.tscsomópont fájlnév.js
Példa
Hozzon létre egy „Felhasználó” nevű felületet, amely három attribútumot és egy metódust határoz meg szerezz információt() ”:
felhasználói felület {keresztnév: string;
vezetéknév: string;
életkor: szám;
szerezz információt ( ) : semmis;
}
Hozzon létre egy osztályt ' Diák ”, amely interfésszel öröklődik. Az osztály meghatározza az attribútumait, egy konstruktort, amely hozzárendeli az értékeket az attribútumokhoz, és egy „getInfo()” metódust, amely az attribútumokhoz viszonyított értékeket jeleníti meg:
keresztnév: string;
vezetéknév: string;
életkor: szám;
konstruktőr ( keresztnév: karakterlánc, vezetéknév: karakterlánc, életkor: szám ) {
this.firstName = keresztnév;
this.lastName = vezetéknév;
this.age = életkor;
}
szerezz információt ( ) : érvénytelen {
console.log ( 'Hallgatói információ:' )
console.log ( '- Név: ' + this.firstName + '' + this.lastName ) ;
console.log ( '- Életkor: ' + ez.kor ) ;
}
}
Hozzon létre egy objektumot a ' Diák ' nevezett ' std ' nak,-nek ' Felhasználó ” írja be a konstruktor meghívásával a „new” kulcsszóval, majd hívja meg a getInfo() metódust, hogy kinyomtassa az adatokat a konzolon:
std.getInfo ( ) ;
Kimenet
Mi az a TypeScript-típus?
A TypeScript típusokat leggyakrabban meglévő típusok álneveinek létrehozására, valamint bonyolultabb típusok létrehozására használják. Az adatok meghatározott alakját vagy szerkezetét jelöli. Meghatározható/kijelenthető a „ típus ” kulcsszó. A TypeScript típusai felhasználhatók a kód érthetőbbé tételére és az ismétlés/duplikáció csökkentésére.
Példa
Először adjon meg egy típust ' Felhasználó ' használni a ' típus ' kulcsszó öt tulajdonsággal van megadva, ezek közül az egyik egy opcionális attribútum, amely ' telefon ”:
típus Felhasználó = {keresztnév: string;
vezetéknév: string;
életkor: szám;
email: string;
telefon?: string;
} ;
Határozzon meg egy '' nevű függvényt getFullName ', amely egy ' típusú paramétert vesz fel Felhasználó ', és kinyomtatja a személy adataiból álló adatokat, beleértve a ' név ”, „ kor ”, „ email ” és „ telefonszám ”:
console.log ( 'Felhasználói információ:' )
console.log ( '- Név: ' + személy.keresztnév + '' + személy.vezetéknév ) ;
console.log ( '- Életkor: ' + személy.kor ) ;
console.log ( '- E-mail: ' + személy.e-mail ) ;
console.log ( '-Telefon #: ' + személy.telefon ) ;
}
Most hozzon létre egy objektumot ' személy 'típusú' Felhasználó ” kulcs-érték párokkal:
keresztnév: 'Mily' ,
vezetéknév: 'Micheal' ,
kor: 28 ,
email: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;
Végül nyomtassa ki a felhasználói információkat a getInfo() függvény meghívásával:
Kimenet
Ennyi volt a TypeScript felületről és típusról.
Következtetés
A TypeScriptben a „ felület ” és „ típus ” az egyéni típusok meghatározására szolgál. Az interfészt megvalósíthatja egy osztály vagy egy objektum, míg a típusok összetettebb típusokat határozhatnak meg olyan szolgáltatások segítségével, mint az uniók és a metszéspontok. Ezek azok a hatékony funkciók, amelyek segítségével rendezettebb és méretezhetőbb kódokat írhat. Ez a blog leírta a TypeScript felületet és típusát, valamint ezek különbségét.