TypeScript atbalsta pielāgotus tipus, kurus var definēt, izmantojot vai nu saskarne ” vai “ veids ”. Interfeisu var ieviest klase vai objekts, savukārt tipa aizstājvārdu var izmantot tikai, lai izveidotu jaunu nosaukumu esošam tipam vai definētu tipu savienību. Lai gan veidi un saskarnes bieži ir savstarpēji aizstājami, to funkcionalitātē un sintaksē ir noteiktas atšķirības, kas padara tos piemērotākus konkrētiem scenārijiem.
Šajā emuārā tiks aprakstīts TypeScript interfeiss un veids un to atšķirība.
Kas ir TypeScript interfeiss pret tipu?
' Interfeiss ' un ' veids ” tiek izmantoti pielāgoto tipu definēšanai programmā TypeScript. Taču ir dažas atšķirības to funkcionalitātē un sintaksē. Galvenā atšķirība starp saskarni un tipu ir tā, ka saskarne definē jaunu tipu, bet tipa aizstājvārds to nedara.
Interfeisu var ieviest klase vai objekts, savukārt tipi var definēt sarežģītākus tipus, izmantojot tādas funkcijas kā savienības un krustojumi. Parasti saskarnes biežāk izmanto objektu formu un API definēšanai, savukārt tipus biežāk izmanto sarežģītu datu tipu un utilītu veidu definēšanai. Sapratīsim abus šos atsevišķi.
Kas ir TypeScript interfeiss?
TypeScript interfeiss ir paņēmiens TypeScript objekta formas noteikšanai. Tas tiek izveidots, izmantojot atslēgvārdu ' saskarne ” un tajā ir norādīta atribūtu un metožu kopa, kas nepieciešama objektam, lai to klasificētu kā šāda veida. Tas ir līdzvērtīgs klasei objektorientētā programmēšanā; tomēr tas nenosaka nekādu ieviešanu. Saskarnes galvenokārt tiek izmantotas, lai pārbaudītu tipu un nodrošinātu objekta atbilstību noteiktai struktūrai.
Pirms turpināt, paturiet prātā, ka, lai izpildītu TypeScript failu, tas ir jāpārveido JavaScript failā un pēc tam terminālī jāpalaiž JavaScript kods, izmantojot norādītās komandas:
tsc faila nosaukums.tsmezgla faila nosaukums.js
Piemērs
Izveidojiet saskarni ar nosaukumu “Lietotājs”, kas definē trīs atribūtus un metodi “ iegūt informāciju() ”:
interfeiss Lietotājs {vārds: virkne;
uzvārds: virkne;
vecums: numurs;
iegūt informāciju ( ) : spēkā neesošs;
}
Izveidot klasi ' Students ”, kas ir mantota ar interfeisu. Klase definē savus atribūtus, konstruktoru, kas piešķirs atribūtiem vērtības, un metodi “getInfo()”, kas parādīs vērtības attiecībā pret atribūtiem:
vārds: virkne;
uzvārds: virkne;
vecums: numurs;
konstruktors ( vārds: virkne, uzvārds: virkne, vecums: numurs ) {
this.firstName = vārds;
this.lastName = uzvārds;
this.age = vecums;
}
iegūt informāciju ( ) : nederīgs {
console.log ( 'Studentu informācija:' )
console.log ( '- Vārds: ' + this.firstName + '' + šis.uzvārds ) ;
console.log ( '- Vecums: ' + šis.vecums ) ;
}
}
Izveidojiet objektu ' Students 'nosaukts' std ” no “ Lietotājs ” ierakstiet, izsaucot konstruktoru ar atslēgvārdu “new” un pēc tam izsauciet metodi getInfo(), lai drukātu datus konsolē:
std.getInfo ( ) ;
Izvade
Kas ir TypeScript tips?
TypeScript tipi galvenokārt tiek izmantoti, lai izveidotu aizstājvārdus esošajiem tipiem, kā arī lai izveidotu sarežģītākus tipus. Tas apzīmē noteiktu datu formu vai struktūru. To var definēt/deklarēt ar “ veids ” atslēgvārds. TypeScript veidus var izmantot, lai padarītu kodu saprotamāku un samazinātu atkārtošanos/dublēšanos.
Piemērs
Vispirms definējiet veidu ' Lietotājs ' izmantojot ' veids ” atslēgvārds, kas norādīts ar pieciem rekvizītiem, viens no tiem ir neobligāts atribūts, kas ir “ tālrunis ”:
veids Lietotājs = {vārds: virkne;
uzvārds: virkne;
vecums: numurs;
e-pasts: virkne;
tālrunis?: virkne;
} ;
Definējiet funkciju ar nosaukumu ' getFullName ”, kas aizņem parametru tipa “ Lietotājs ” un izdrukā datus, kas sastāv no personas informācijas, tostarp “ nosaukums ”, “ vecums ”, “ e-pasts ' un ' telefona numurs ”:
console.log ( 'Lietotāja informācija:' )
console.log ( '- Vārds: ' + person.firstName + '' + persona.uzvārds ) ;
console.log ( '- Vecums: ' + cilvēks.vecums ) ;
console.log ( '- E-pasts: ' + persona.e-pasts ) ;
console.log ( '-Tālruņa Nr.:' + persona.tālrunis ) ;
}
Tagad izveidojiet objektu ' persona ' tipa ' Lietotājs ” ar atslēgu-vērtību pāriem:
vārds: 'Milija' ,
uzvārds: 'Maikls' ,
vecums: 28 ,
e-pasts: 'mili124@yahoo.com' ,
tālrunis: '086-34581734'
} ;
Visbeidzot, izdrukājiet lietotāja informāciju, izsaucot funkciju getInfo():
Izvade
Tas viss attiecas uz TypeScript saskarni un veidu.
Secinājums
Programmā TypeScript “ saskarne ' un ' veids ” tiek izmantoti pielāgotu veidu definēšanai. Interfeisu var ieviest klase vai objekts, savukārt tipi var definēt sarežģītākus tipus, izmantojot tādas funkcijas kā savienības un krustojumi. Šīs ir jaudīgās funkcijas, kas var palīdzēt rakstīt sakārtotāku un mērogojamāku kodu. Šajā emuārā ir aprakstīts TypeScript interfeiss un veids un to atšķirība.