Funktsiooni tüüpide määramine TypeScriptis

Funktsiooni Tuupide Maaramine Typescriptis



Funktsioonid on JavaScripti kõige olulisemad komponendid, mis täidavad objektidel konkreetseid ülesandeid. Need võimaldavad kasutajatel selles määratletud koodi uuesti kasutada, et parandada selle hooldatavust. TypeScriptis on funktsioonid kategoriseeritud nende argumentide/parameetrite ja tagastustüüpide järgi. See aitab kasutajat teavitada, et konkreetne funktsioon on määratletud kindla tüübiga ja selles ei saa kasutada ühtegi muud andmetüübi parameetrit.

See juhend selgitab, kuidas funktsiooni tüüpi saab TypeScriptis määrata.

Kuidas määrata TypeScriptis funktsiooni 'tüüp'?

' tüüp ” märksõna vastab funktsiooni parameetrite/argumentide tüübile või selle tagastusväärtusele. Kui tüüp on parameetritega määratud, ei saa kasutaja sinna muud tüüpi väärtusi lisada.







Alustame esimese näitega.



Näide 1: määrake funktsiooni tagastustüüp

See esimene näide määrab antud funktsiooni tagastustüübi, mis piirab selle funktsiooni tagastamisega ainult määratud tagastustüübi väärtuse.



Kood

Kasutage laiendiga „.ts” failis neid koodiridu:





funktsiooni Aeg ( ) : number {

tagasi uus Kuupäev ( ) . getTime ( ) ;

}

konsool. logi ( Aeg ( ) ) ;

Ülaltoodud koodiridades:

  • ' Aeg () funktsioon määrab ' number ” andmetüüp selle funktsiooni tagastustüübiks.
  • See 'tagasi' avaldus kasutab ' kuupäeva ' objekt on lingitud ' getTime() ” meetod, et tagastada kuupäev ja kellaaeg millisekundites numbrina.
  • Lõpuks käivitage määratletud funktsioon.

Väljund



Kompileerige fail '.ts' kompilaatoriga 'tsc' ja seejärel käivitage kompileeritud '.js' fail:

tsc peamine. ts //Koosta

sõlme peamine. js //Jooksta

Nagu näha, hangib funktsioon 'Time()' määratud arvväärtuse, kuna selle tagastustüüp on 'number'.

Näide 2: määrake funktsiooni parameetrite tüübid

See näide määrab funktsioonide parameetrite tüübi, et piirata nende vastuvõtmist ühegi teise andmetüübi väärtusega:

funktsiooni lisamine ( a : number, b : number ) : number

{

tagasi a + b ;

}

konsool. logi ( 'Summa on:' + lisama ( 10 , kakskümmend ) ) ;

Selles koodis:

  • ' lisama() 'funktsioon võtab kaks parameetrit' a ja b ' tüüpi ' number ”.
  • See funktsioon tagastab arvväärtuse määratud aritmeetilise toimingu, st 'a+b' tulemusel.
  • ' console.log() ' meetod kutsub ' lisama() funktsioon, mis edastab märgitud argumendi väärtused 'numbritena'.

Väljund

tsc peamine. ts

sõlme peamine. js

Siin näitab väljund määratud arvude summat edukalt.

Näide 3: Funktsioonide tüübid TypeScriptis ja nende tüüpide määramine

TypeScriptis on funktsioonid jagatud kahte tüüpi: ' Nimetatud ” ja „ Anonüümne ”.

Nimega Funktsioon

' Nimetatud ” funktsioon deklareeritakse selle eesnimega. See funktsioon võib sisaldada funktsiooni parameetrite tüüpi või tagastustüüpi. Selle demost saab ülevaate jaotises „Näide 2”.

Süntaks

funktsiooniNimi ( [ args ] ) { }

Anonüümne funktsioon

' Anonüümne ” funktsioon on määratud muutujale, mis määratleb selle dünaamiliselt avaldisena käitamise ajal. See toimib samamoodi nagu lihtne/funktsioon. Kasutaja saab seda kutsuda, kasutades muutuja nime, milles see on määratud funktsiooni funktsioonide käivitamiseks.

Süntaks

lase tulemuseks = funktsiooni ( [ args ] ) { }

Nüüd demonstreerime käsitletud funktsiooni praktiliselt:

lase myFunc = funktsiooni ( x : number, y : number ) : number {

tagasi x * ja ;

} ;

konsool. logi ( myFunc ( 10 , 6 ) ) ;

Ülaltoodud koodiridades:

  • Muutuja 'myFunc' määratleb funktsiooni, millel on parameetrid (koos nende tüüpidega) ja tagastustüüp.
  • Return-lause tagastab läbitud väärtuste korrutuse.
  • ' console.log() ' meetod kutsub 'anonüümset funktsiooni' sellele määratud muutuja ' abil myFunc ”, edastades argumentidena märgitud väärtused.

Väljund

tsc peamine. ts

sõlme peamine. js

Siin tagastab väljund 'numbrilise' tüübi väärtuse, kuna funktsiooni tagastustüüp on 'number'.

Järeldus

TypeScriptis on ' tüüp Funktsiooni '' viitab funktsiooni parameetritele või tagastatud väärtusele, mis põhineb sisseehitatud andmetüüpidel, nii et funktsioon toetab ainult määratud väärtusi. Selles juhendis selgitati lühidalt, kuidas TypeScripti abil funktsiooni 'tüüpi' määrata.