TypeScript podporuje vlastné typy, ktoré možno definovať buď pomocou „ rozhranie “ alebo „ typu “. Rozhranie môže byť implementované triedou alebo objektom, zatiaľ čo alias typu možno použiť iba na vytvorenie nového názvu pre existujúci typ alebo na definovanie spojenia typov. Aj keď sú typy a rozhrania často zameniteľné, existujú určité rozdiely v ich funkčnosti a syntaxi, vďaka ktorým sú vhodnejšie pre konkrétne scenáre.
Tento blog popíše rozhranie a typ TypeScript a ich rozdiel.
Čo je rozhranie TypeScript vs typ?
“ Rozhranie “ a „ typu ” sa používajú na definovanie vlastných typov v TypeScript. Existujú však určité rozdiely v ich funkčnosti a syntaxi. Hlavný rozdiel medzi rozhraním a typom je v tom, že rozhranie definuje nový typ, zatiaľ čo alias typu nie.
Rozhranie môže byť implementované triedou alebo objektom, zatiaľ čo typy môžu definovať zložitejšie typy pomocou funkcií, ako sú spojenia a prieniky. Vo všeobecnosti sa rozhrania častejšie používajú na definovanie tvarov objektov a rozhraní API, zatiaľ čo typy sa častejšie používajú na definovanie komplexných typov údajov a typov nástrojov. Pochopme obe tieto oddelene.
Čo je rozhranie TypeScript?
Rozhranie TypeScript je technika na definovanie tvaru objektu TypeScript. Vytvára sa pomocou kľúčového slova „ rozhranie “ a špecifikuje súbor atribútov a metód, ktoré objekt vyžaduje, aby bol klasifikovaný ako tento typ. Je ekvivalentom triedy v objektovo orientovanom programovaní; nedefinuje však žiadnu implementáciu. Rozhrania sa používajú hlavne na kontrolu typu a zabezpečenie toho, že objekt zodpovedá špecifickej štruktúre.
Skôr ako budete pokračovať, majte na pamäti, že na spustenie súboru TypeScript je potrebné ho transpilovať do súboru JavaScript a potom spustiť kód JavaScript na termináli pomocou daných príkazov:
tsc názov_súboru.tsnázov súboru uzla.js
Príklad
Vytvorte rozhranie s názvom „Používateľ“, ktoré definuje tri atribúty a metódu „ dostať informácie() “:
Používateľské rozhranie {meno: string;
priezvisko: string;
vek: číslo;
dostať informácie ( ) : neplatné;
}
Vytvorte triedu ' Študent “, ktorý sa zdedí s rozhraním. Trieda definuje svoje atribúty, konštruktor, ktorý priradí hodnoty atribútom, a metódu „getInfo()“, ktorá zobrazí hodnoty relatívne k atribútom:
meno: string;
priezvisko: string;
vek: číslo;
konštruktér ( firstName: string, lastName: string, age: number ) {
this.firstName = krstné meno;
this.priezvisko = priezvisko;
tento.vek = vek;
}
dostať informácie ( ) : neplatné {
konzola.log ( 'Informácie o študentovi:' )
konzola.log ( '- Názov: ' + this.firstName + ' ' + toto.priezvisko ) ;
konzola.log ( '- Vek: ' + tento.vek ) ;
}
}
Vytvorte objekt „ Študent “ s názvom “ std “z “ Používateľ ” zadajte zavolaním konštruktora s kľúčovým slovom „new“ a potom zavolajte metódu getInfo() na vytlačenie údajov na konzole:
std.getInfo ( ) ;
Výkon
Čo je typ TypeScript?
Typy TypeScript sa väčšinou používajú na vytváranie aliasov pre existujúce typy, ako aj na vytváranie komplikovanejších typov. Predstavuje špecifický tvar alebo štruktúru údajov. Môže byť definovaný/deklarovaný pomocou „ typu kľúčové slovo. Typy TypeScript možno použiť na to, aby bol kód zrozumiteľnejší a znížil sa počet opakovaní/duplikácií.
Príklad
Najprv definujte typ „ Používateľ “ pomocou „ typu ” kľúčové slovo špecifikované s piatimi vlastnosťami, jedna z nich je voliteľný atribút, ktorý je “ telefón “:
typu Používateľ = {meno: string;
priezvisko: string;
vek: číslo;
email: string;
telefón?: reťazec;
} ;
Definujte funkciu s názvom „ getFullName “, ktorý preberá parameter typu „ Používateľ “ a vytlačí údaje pozostávajúce z informácií danej osoby vrátane „ názov “, “ Vek “, “ email “ a „ telefónne číslo “:
konzola.log ( 'Informácie o používateľovi:' )
konzola.log ( '- Názov: ' + osoba.meno + ' ' + osoba.priezvisko ) ;
konzola.log ( '- Vek: ' + osoba.vek ) ;
konzola.log ( '- E-mail: ' + osoba.e-mail ) ;
konzola.log ( '-Telefónne číslo: ' + osoba.telefón ) ;
}
Teraz vytvorte objekt ' osoba 'typu' Používateľ ” s pármi kľúč – hodnota:
krstné meno: 'Mily' ,
priezvisko: 'Micheal' ,
Vek: 28 ,
email: 'mili124@yahoo.com' ,
telefón: '086-34581734'
} ;
Nakoniec vytlačte informácie o používateľovi volaním funkcie getInfo():
Výkon
To bolo všetko o rozhraní a type TypeScript.
Záver
V TypeScript „ rozhranie “ a „ typu ” sa používajú na definovanie vlastných typov. Rozhranie môže byť implementované triedou alebo objektom, zatiaľ čo typy môžu definovať zložitejšie typy pomocou funkcií, ako sú spojenia a prieniky. Toto sú výkonné funkcie, ktoré môžu pomôcť písať organizovanejší a škálovateľnejší kód. Tento blog popisuje rozhranie a typ TypeScript a ich rozdiel.