Den här guiden förklarar hur typen av en funktion kan specificeras i TypeScript.
Hur anger man 'typ' för en funktion i TypeScript?
den ' typ ” nyckelordet motsvarar typen av funktionens parametrar/argument eller dess returvärde. När typen väl är inställd med parametrarna kan användaren inte lägga till någon annan typ av värde i den.
Låt oss börja med det första exemplet.
Exempel 1: Ange funktionens returtyp
Detta första exempel specificerar returtypen för den givna funktionen som begränsar den funktionen till att endast returnera värdet för den angivna returtypen.
Koda
Använd dessa kodrader i filen med filtillägget '.ts':
fungera Tid ( ) : siffra {
lämna tillbaka ny Datum ( ) . få tid ( ) ;
}
trösta. logga ( Tid ( ) ) ;
I kodraderna ovan:
- den ' Tid() '-funktionen anger ' siffra ” datatyp som returtyp för denna funktion.
- Denna 'retur'-sats använder ' datum ' objekt kopplat till ' få tid() ” metod för att returnera datum och tid i millisekunder som ett ”tal”.
- Till sist, anropa den definierade funktionen.
Produktion
Kompilera '.ts'-filen med 'tsc'-kompilatorn och kör sedan den kompilerade '.js'-filen:
tsc huvud. ts //Sammanställanod huvud. js //Springa
Som sett hämtar funktionen 'Time()' det angivna numeriska värdet eftersom dess returtyp är 'number'.
Exempel 2: Ange funktionens parametertyper
Det här exemplet specificerar typen av funktioners parametrar för att begränsa dem till att inte acceptera något annat datatypvärde:
funktion lägga till ( a : nummer, b : siffra ) : siffra{
lämna tillbaka a + b ;
}
trösta. logga ( 'Summan är:' + Lägg till ( 10 , tjugo ) ) ;
I denna kod:
- den ' Lägg till() ' funktionen tar två parametrar ' a och b 'av typen' siffra ”.
- Denna funktion returnerar det numeriska värdet som ett resultat av den angivna aritmetiska operationen, dvs. 'a+b'.
- den ' console.log() ' metoden kallar ' Lägg till() '-funktionen som skickar de angivna argumentvärdena som 'tal'.
Produktion
tsc huvud. tsnod huvud. js
Här visar utdata summan av specificerade tal framgångsrikt.
Exempel 3: Typer av funktioner i TypeScript och specificering av deras typer
I TypeScript är funktionerna kategoriserade i två typer: ' Som heter ' och ' Anonym ”.
Namngiven funktion
den ' Som heter ” funktion deklareras med sitt förnamn. Denna funktion kan innehålla funktionens parametertyp eller returtyp. Dess demo kan ses i 'Exempel 2'.
Syntax
funktionsnamn ( [ args ] ) { }Anonym funktion
den ' Anonym ”-funktionen tilldelas en variabel som definierar den dynamiskt som ett uttryck vid körning. Den fungerar på samma sätt som den enkla/funktionen. Användaren kan anropa den med variabelnamnet i vilken den är tilldelad för att anropa funktionens funktioner.
Syntax
låt resultatet = fungera ( [ args ] ) { }Låt oss nu demonstrera den diskuterade funktionen praktiskt:
låt myFunc = fungera ( x : nummer, y : siffra ) : siffra {lämna tillbaka x * och ;
} ;
trösta. logga ( myFunc ( 10 , 6 ) ) ;
I kodraderna ovan:
- Variabeln 'myFunc' definierar en funktion som har parametrar (med deras typer) och returtypen.
- 'return'-satsen returnerar multiplikationen av de godkända värdena.
- den ' console.log() ”-metoden anropar den ”anonyma funktionen” med hjälp av dess tilldelade variabel ” myFunc ” genom att skicka de angivna värdena som argument.
Produktion
tsc huvud. tsnod huvud. js
Här returnerar utgången det 'numeriska' typvärdet eftersom funktionens returtyp är 'nummer'.
Slutsats
I TypeScript, ' typ ” för en funktion hänvisar till funktionens parametrar eller returvärde baserat på de inbyggda datatyperna så att endast de angivna värdena stöds av funktionen. Den här guiden förklarade kort hur man anger 'typen' för en funktion med TypeScript.