In deze handleiding wordt uitgelegd hoe u het type van een functie kunt specificeren in TypeScript.
Hoe het 'type' van een functie in TypeScript specificeren?
De ' type Het sleutelwoord 'komt overeen met het type parameters/argumenten van de functie of de geretourneerde waarde. Als het type eenmaal is ingesteld met de parameters, kan de gebruiker er geen ander type waarde aan toevoegen.
Laten we beginnen met het eerste voorbeeld.
Voorbeeld 1: geef het retourtype van de functie op
Dit eerste voorbeeld specificeert het retourtype van de gegeven functie die die functie beperkt om alleen de waarde van het opgegeven retourtype te retourneren.
Code
Gebruik deze regels code in het bestand met de extensie '.ts':
functie Tijd ( ) : nummer {
opbrengst nieuw Datum ( ) . krijg tijd ( ) ;
}
troosten. loggen ( Tijd ( ) ) ;
In de bovenstaande regels code:
- De ' Tijd() ” functie specificeert de “ nummer ” gegevenstype als het retourtype van deze functie.
- Deze “return”-verklaring gebruikt de “ datum ” object gekoppeld aan de “ krijg tijd() '-methode om de datum en tijd in milliseconden als een 'getal' te retourneren.
- Roep ten slotte de gedefinieerde functie aan.
Uitgang
Compileer het '.ts' -bestand met behulp van de 'tsc' -compiler en voer vervolgens het gecompileerde '.js' -bestand uit:
tsc belangrijkste. ts //Compilerenknooppunt hoofd. js //Loop
Zoals te zien is, haalt de functie 'Time()' de opgegeven numerieke waarde op, aangezien het retourtype 'nummer' is.
Voorbeeld 2: specificeer de parametertypen van de functie
Dit voorbeeld specificeert het type parameters van functies om ze te beperken om geen andere gegevenstypewaarde te accepteren:
functie toevoegen ( A : nummer, geb : nummer ) : nummer{
opbrengst A + B ;
}
troosten. loggen ( 'Som is:' + toevoegen ( 10 , twintig ) ) ;
In deze code:
- De ' toevoegen() 'functie neemt twee parameters' A En B ' van type ' nummer ”.
- Deze functie retourneert de numerieke waarde als resultaat van de opgegeven rekenkundige bewerking, d.w.z. 'a+b'.
- De ' console.log() ” methode noemt de “ toevoegen() '-functie die de vermelde argumentwaarden doorgeeft als 'getallen'.
Uitgang
tsc belangrijkste. tsknooppunt hoofd. js
Hier toont de uitvoer de som van opgegeven getallen met succes.
Voorbeeld 3: soorten functies in TypeScript en hun typen specificeren
In TypeScript zijn de functies onderverdeeld in twee typen: “ Genaamd ' En ' Anoniem ”.
Benoemde functie
De ' Genaamd ” functie wordt gedeclareerd door zijn voornaam. Deze functie kan het parametertype van de functie of het retourtype bevatten. De demo kan worden bekeken in 'Voorbeeld 2'.
Syntaxis
functieNaam ( [ argumenten ] ) { }Anonieme functie
De ' Anoniem ” functie wordt toegewezen aan een variabele die deze tijdens runtime dynamisch definieert als een uitdrukking. Het werkt hetzelfde als de simple/function. De gebruiker kan het aanroepen met behulp van de variabelenaam waarin het is toegewezen om de functionaliteiten van de functie aan te roepen.
Syntaxis
laat resultaat = functie ( [ argumenten ] ) { }Laten we nu de besproken functie praktisch demonstreren:
laat myFunc = functie ( X : nummer, j : nummer ) : nummer {opbrengst X * En ;
} ;
troosten. loggen ( mijnFunc ( 10 , 6 ) ) ;
In de bovenstaande regels code:
- De variabele 'myFunc' definieert een functie met parameters (met hun typen) en het retourtype.
- De instructie 'return' retourneert de vermenigvuldiging van de doorgegeven waarden.
- De ' console.log() ” methode roept de “anonieme functie” aan met behulp van de toegewezen variabele “ mijnFunc ” door de vermelde waarden als argumenten door te geven.
Uitgang
tsc belangrijkste. tsknooppunt hoofd. js
Hier retourneert de uitvoer de waarde van het type 'numeriek', aangezien het retourtype van de functie 'getal' is.
Conclusie
In TypeScript is de ' type ' van een functie verwijst naar de parameters of retourwaarde van de functie op basis van de ingebouwde gegevenstypen, zodat alleen de opgegeven waarden door de functie worden ondersteund. In deze handleiding werd kort uitgelegd hoe u het 'type' van een functie kunt specificeren met behulp van TypeScript.