Hvordan spesifisere typene av en funksjon i TypeScript

Hvordan Spesifisere Typene Av En Funksjon I Typescript



Funksjoner er de viktigste komponentene i JavaScript som utfører spesifikke oppgaver på objektene. De lar brukerne gjenbruke den spesifikke koden som er definert i den for å forbedre vedlikeholdsevnen. I TypeScript er funksjonene kategorisert i henhold til deres argumenter/parametre og returtyper. Det hjelper å varsle brukeren om at en bestemt funksjon er definert med en spesifikk type og at enhver annen datatypeparameter ikke kan brukes i den.

Denne veiledningen forklarer hvordan typen av en funksjon kan spesifiseres i TypeScript.

Hvordan spesifisere 'Type' til en funksjon i TypeScript?

« type ” nøkkelord tilsvarer typen av funksjonens parametere/argumenter eller dens returverdi. Når typen er satt med parameterne, kan ikke brukeren legge til noen annen type verdi i den.







La oss starte med det første eksemplet.



Eksempel 1: Spesifiser funksjonens returtype

Dette første eksemplet spesifiserer returtypen til den gitte funksjonen som begrenser denne funksjonen til kun å returnere verdien til den angitte returtypen.



Kode

Bruk disse kodelinjene i filen som har filtypen '.ts':





funksjon Tid ( ) : Antall {

komme tilbake ny Dato ( ) . getTime ( ) ;

}

konsoll. Logg ( Tid ( ) ) ;

I kodelinjene ovenfor:

  • « Tid() '-funksjonen spesifiserer ' Antall ' datatype som returtype for denne funksjonen.
  • Denne 'retur'-erklæringen bruker ' Dato ' objekt knyttet til ' getTime() ' metode for å returnere dato og klokkeslett i millisekunder som et 'tall'.
  • Til slutt, påkall den definerte funksjonen.

Produksjon



Kompiler '.ts'-filen ved å bruke 'tsc'-kompilatoren og kjør deretter den kompilerte '.js'-filen:

tsc hoved. ts //Kompilere

hovednode. js //Løpe

Som sett henter 'Time()'-funksjonen den angitte numeriske verdien ettersom returtypen er 'nummer'.

Eksempel 2: Spesifiser funksjonens parametertyper

Dette eksemplet spesifiserer typen funksjonsparametere for å begrense dem til ikke å godta noen annen datatypeverdi:

funksjon legg til ( en : nummer, b : Antall ) : Antall

{

komme tilbake en + b ;

}

konsoll. Logg ( 'Summen er:' + Legg til ( 10 , tjue ) ) ;

I denne koden:

  • « Legg til() 'funksjonen tar to parametere' en og b ' av typen ' Antall '.
  • Denne funksjonen returnerer den numeriske verdien som et resultat av den angitte aritmetiske operasjonen, dvs. 'a+b'.
  • « console.log() '-metoden kaller ' Legg til() ”-funksjon som sender de angitte argumentverdiene som “tall”.

Produksjon

tsc hoved. ts

hovednode. js

Her viser utdata summen av spesifiserte tall.

Eksempel 3: Typer funksjoner i TypeScript og spesifisering av typene deres

I TypeScript er funksjonene kategorisert i to typer: ' Oppkalt ' og ' Anonym '.

Navngitt funksjon

« Oppkalt '-funksjonen er deklarert med fornavnet. Denne funksjonen kan inneholde funksjonens parametertype eller returtype. Demoen kan ses i 'Eksempel 2'.

Syntaks

funksjonsnavn ( [ args ] ) { }

Anonym funksjon

« Anonym ”-funksjonen er tilordnet en variabel som definerer den dynamisk som et uttrykk under kjøring. Den fungerer på samme måte som den enkle/funksjonen. Brukeren kan kalle den ved å bruke variabelnavnet som den er tildelt for å påkalle funksjonens funksjoner.

Syntaks

la resultatet = funksjon ( [ args ] ) { }

La oss nå demonstrere den omtalte funksjonen praktisk talt:

la myFunc = funksjon ( x : nummer, y : Antall ) : Antall {

komme tilbake x * og ;

} ;

konsoll. Logg ( myFunc ( 10 , 6 ) ) ;

I kodelinjene ovenfor:

  • Variabelen 'myFunc' definerer en funksjon som har parametere (med deres typer), og returtypen.
  • 'retur'-setningen returnerer multiplikasjonen av de beståtte verdiene.
  • « console.log() '-metoden kaller den 'anonyme funksjonen' ved hjelp av den tilordnede variabelen ' myFunc ” ved å sende de angitte verdiene som argumenter.

Produksjon

tsc hoved. ts

hovednode. js

Her returnerer utdata den 'numeriske' typeverdien siden funksjonens returtype er 'tall'.

Konklusjon

I TypeScript er ' type ” av en funksjon refererer til funksjonens parametere eller returverdi basert på de innebygde datatypene slik at bare de spesifiserte verdiene støttes av funksjonen. Denne veiledningen forklarte kort hvordan du spesifiserer 'typen' til en funksjon ved å bruke TypeScript.