Kaip nurodyti „TypeScript“ funkcijos tipus

Kaip Nurodyti Typescript Funkcijos Tipus



Funkcijos yra svarbiausi JavaScript komponentai, atliekantys konkrečias užduotis objektuose. Jie leidžia vartotojams pakartotinai naudoti konkretų jame apibrėžtą kodą, kad pagerintų jo priežiūrą. „TypeScript“ funkcijos yra suskirstytos į kategorijas pagal jų argumentus / parametrus ir grąžinimo tipus. Tai padeda informuoti vartotoją, kad tam tikra funkcija apibrėžta konkrečiu tipu ir joje negali būti naudojamas joks kitas duomenų tipo parametras.

Šiame vadove paaiškinama, kaip „TypeScript“ gali nurodyti funkcijos tipą.

Kaip „TypeScript“ nurodyti funkcijos „tipą“?

tipo “ raktinis žodis atitinka funkcijos parametrų/argumentų tipą arba grąžinamą reikšmę. Kai tipas yra nustatytas su parametrais, vartotojas negali pridėti jokio kito tipo vertės.







Pradėkime nuo pirmojo pavyzdžio.



1 pavyzdys: nurodykite funkcijos grąžinimo tipą

Šiame pirmame pavyzdyje nurodomas nurodytos funkcijos grąžinimo tipas, kuris riboja, kad funkcija grąžintų tik nurodyto grąžinimo tipo reikšmę.



Kodas

Naudokite šias kodo eilutes faile su plėtiniu '.ts':





funkcija Laikas ( ) : numerį {

grąžinti naujas Data ( ) . getTime ( ) ;

}

konsolė. žurnalas ( Laikas ( ) ) ;

Aukščiau pateiktose kodo eilutėse:

  • Laikas() Funkcija “ nurodo “ numerį ” duomenų tipą kaip šios funkcijos grąžinimo tipą.
  • Šiame „grįžimo“ teiginyje naudojama „ data “ objektas, susietas su „ getTime () “ metodas grąžinti datą ir laiką milisekundėmis kaip „skaičius“.
  • Galiausiai iškvieskite apibrėžtą funkciją.

Išvestis



Sukompiliuokite „.ts“ failą naudodami „tsc“ kompiliatorių ir paleiskite sukompiliuotą „.js“ failą:

tsc pagrindinis. ts //Sudaryti

mazgas pagrindinis. js //Paleisti

Kaip matote, funkcija „Laikas ()“ nuskaito nurodytą skaitinę reikšmę, nes jos grąžinimo tipas yra „skaičius“.

2 pavyzdys: nurodykite funkcijos parametrų tipus

Šiame pavyzdyje nurodomas funkcijų parametrų tipas, siekiant apriboti, kad jie nepriimtų jokios kitos duomenų tipo reikšmės:

funkcija pridėti ( a : numeris, b : numerį ) : numerį

{

grąžinti a + b ;

}

konsolė. žurnalas ( 'Suma yra:' + papildyti ( 10 , dvidešimt ) ) ;

Šiame kode:

  • papildyti() 'Funkcijai reikalingi du parametrai' a ir b “ tipo “ numerį “.
  • Ši funkcija grąžina skaitinę reikšmę atlikus nurodytą aritmetinę operaciją, t. y. „a+b“.
  • console.log() “ metodas vadina „ papildyti() “ funkcija, perduodanti nurodytas argumentų reikšmes kaip „skaičius“.

Išvestis

tsc pagrindinis. ts

mazgas pagrindinis. js

Čia sėkmingai rodoma nurodytų skaičių suma.

3 pavyzdys: „TypeScript“ funkcijų tipai ir jų tipų nurodymas

„TypeScript“ funkcijos yra suskirstytos į du tipus: „ Pavadintas “ ir „ Anoniminis “.

Pavadinta funkcija

Pavadintas “ funkcija deklaruojama pagal jos pavadinimą. Ši funkcija gali turėti funkcijos parametrų tipą arba grąžinimo tipą. Jo demonstracinę versiją galima apžvelgti „2 pavyzdyje“.

Sintaksė

funkcijos pavadinimas ( [ args ] ) { }

Anoniminė funkcija

Anoniminis “ funkcija priskiriama kintamajam, kuris jį dinamiškai apibrėžia kaip išraišką vykdymo metu. Jis veikia taip pat, kaip paprastas / funkcija. Vartotojas gali jį iškviesti naudodamas kintamojo pavadinimą, kuriame jis yra priskirtas funkcijos funkcijoms iškviesti.

Sintaksė

tegul rezultatas = funkcija ( [ args ] ) { }

Dabar pademonstruokime aptartą funkciją praktiškai:

leiskite myFunc = funkcija ( x : numeris, y : numerį ) : numerį {

grąžinti x * ir ;

} ;

konsolė. žurnalas ( myFunc ( 10 , 6 ) ) ;

Aukščiau pateiktose kodo eilutėse:

  • Kintamasis „myFunc“ apibrėžia funkciją su parametrais (su jų tipais) ir grąžinimo tipą.
  • Teiginys „return“ grąžina gautų reikšmių dauginimą.
  • console.log() ' metodas iškviečia 'anoniminę funkciją' naudodamas jai priskirtą kintamąjį ' myFunc “, kaip argumentus perduodamas nurodytas vertybes.

Išvestis

tsc pagrindinis. ts

mazgas pagrindinis. js

Čia išvestis grąžina „skaitinę“ tipo reikšmę, nes funkcijos grąžinimo tipas yra „skaičius“.

Išvada

„TypeScript“ programoje „ tipo “ reiškia funkcijos parametrus arba grąžinamąją vertę, pagrįstą integruotais duomenų tipais, kad funkcija palaiko tik nurodytas reikšmes. Šiame vadove trumpai paaiškinta, kaip nurodyti funkcijos „tipą“ naudojant „TypeScript“.