Tämä opas selittää, kuinka funktion tyyppi voidaan määrittää TypeScriptissä.
Kuinka määrittää funktion 'tyyppi' TypeScriptissä?
' tyyppi ”-avainsana vastaa funktion parametrien/argumenttien tyyppiä tai sen palautusarvoa. Kun tyyppi on asetettu parametreilla, käyttäjä ei voi lisätä siihen muuta arvoa.
Aloitetaan ensimmäisestä esimerkistä.
Esimerkki 1: Määritä funktion palautustyyppi
Tämä ensimmäinen esimerkki määrittää tietyn funktion palautustyypin, joka rajoittaa funktion palauttamaan vain määritetyn palautustyypin arvon.
Koodi
Käytä näitä koodirivejä tiedostossa, jonka tunniste on '.ts':
toiminto Aika ( ) : määrä {
palata Uusi Päivämäärä ( ) . getTime ( ) ;
}
konsoli. Hirsi ( Aika ( ) ) ;
Yllä olevilla koodiriveillä:
- ' Aika() '-funktio määrittää ' määrä ” tietotyyppi tämän funktion palautustyypiksi.
- Tämä 'palautus'-lause käyttää ' Päivämäärä '-objekti linkitetty '' getTime() ' -menetelmä palauttaa päivämäärän ja kellonajan millisekunteina 'numerona'.
- Lopuksi kutsu määritetty funktio.
Lähtö
Käännä '.ts'-tiedosto 'tsc'-kääntäjällä ja suorita sitten käännetty '.js'-tiedosto:
tsc pää. ts //Kootasolmupää. js //Juosta
Kuten näkyy, 'Time()'-funktio hakee määritetyn numeerisen arvon, koska sen palautustyyppi on 'numero'.
Esimerkki 2: Määritä funktion parametrityypit
Tämä esimerkki määrittää funktioiden parametrien tyypin, jotta ne eivät hyväksy muita tietotyypin arvoja:
funktion lisäys ( a : numero, b : määrä ) : määrä{
palata a + b ;
}
konsoli. Hirsi ( 'Summa on:' + lisätä ( 10 , kaksikymmentä ) ) ;
Tässä koodissa:
- ' lisätä() 'toiminto ottaa kaksi parametria' a ja b 'tyyppiä' määrä ”.
- Tämä funktio palauttaa numeerisen arvon määritetyn aritmeettisen toiminnon eli 'a+b' tuloksena.
- ' console.log() '-menetelmä kutsuu ' lisätä() ”-funktio välittää ilmoitetut argumenttiarvot ”numeroina”.
Lähtö
tsc pää. tssolmupää. js
Tässä tulos näyttää määritettyjen lukujen summan onnistuneesti.
Esimerkki 3: TypeScriptin funktiotyypit ja niiden tyyppien määrittäminen
TypeScriptissä funktiot on luokiteltu kahteen tyyppiin: ' Nimetty ' ja ' Nimetön ”.
Nimetty toiminto
' Nimetty ”-funktio on ilmoitettu sen annetulla nimellä. Tämä funktio voi sisältää funktion parametrityypin tai palautustyypin. Sen esittelyä voi tarkastella kohdassa 'Esimerkki 2'.
Syntaksi
FunctionName ( [ args ] ) { }Anonyymi toiminto
' Nimetön ”-funktio on määritetty muuttujalle, joka määrittää sen dynaamisesti lausekkeena ajon aikana. Se toimii samalla tavalla kuin yksinkertainen/toiminto. Käyttäjä voi kutsua sitä käyttämällä muuttujan nimeä, jossa se on määritetty kutsumaan funktion toimintoja.
Syntaksi
anna tulosta = toiminto ( [ args ] ) { }Esitetään nyt keskusteltu toiminto käytännössä:
anna myFunc = toiminto ( x : numero, y : määrä ) : määrä {palata x * ja ;
} ;
konsoli. Hirsi ( myFunc ( 10 , 6 ) ) ;
Yllä olevilla koodiriveillä:
- 'myFunc'-muuttuja määrittää funktion, jolla on parametrit (niiden tyypeineen) ja palautustyypin.
- 'Return'-lause palauttaa välitettyjen arvojen kertolaskua.
- ' console.log() ' menetelmä kutsuu 'anonyymiä funktiota' sille määritetyn muuttujan ' avulla myFunc ” välittämällä ilmoitetut arvot argumentteina.
Lähtö
tsc pää. tssolmupää. js
Tässä tulos palauttaa 'numeerisen' tyypin, koska funktion palautustyyppi on 'numero'.
Johtopäätös
TypeScriptissä ' tyyppi funktion '' viittaa funktion parametreihin tai palautusarvoon, joka perustuu sisäänrakennettuun tietotyyppiin siten, että funktio tukee vain määritettyjä arvoja. Tässä oppaassa selitettiin lyhyesti, kuinka funktion 'tyyppi' määritetään TypeScriptillä.