So geben Sie die Typen einer Funktion in TypeScript an

So Geben Sie Die Typen Einer Funktion In Typescript An



Funktionen sind die wichtigsten Komponenten von JavaScript, die bestimmte Aufgaben an den Objekten ausführen. Sie ermöglichen es den Benutzern, den darin definierten spezifischen Code wiederzuverwenden, um seine Wartbarkeit zu verbessern. In TypeScript werden die Funktionen nach ihren Argumenten/Parametern und Rückgabetypen kategorisiert. Es hilft, den Benutzer darüber zu informieren, dass eine bestimmte Funktion mit einem bestimmten Typ definiert ist und kein anderer Datentypparameter darin verwendet werden kann.

In dieser Anleitung wird erläutert, wie der Typ einer Funktion in TypeScript angegeben werden kann.

Wie spezifiziere ich den „Typ“ einer Funktion in TypeScript?

Der ' Typ Das Schlüsselwort „entspricht dem Typ der Parameter/Argumente der Funktion oder ihrem Rückgabewert. Sobald der Typ mit den Parametern festgelegt ist, kann der Benutzer keinen anderen Werttyp mehr hinzufügen.







Beginnen wir mit dem ersten Beispiel.



Beispiel 1: Geben Sie den Rückgabetyp der Funktion an

Dieses erste Beispiel gibt den Rückgabetyp der angegebenen Funktion an, der diese Funktion darauf beschränkt, nur den Wert des angegebenen Rückgabetyps zurückzugeben.



Code

Verwenden Sie diese Codezeilen in der Datei mit der Erweiterung „.ts“:





Funktion Zeit ( ) : Nummer {

zurückkehren neu Datum ( ) . Zeit bekommen ( ) ;

}

Konsole. Protokoll ( Zeit ( ) ) ;

In den obigen Codezeilen:

  • Der ' Zeit() Die Funktion gibt die Funktion „ Nummer ”-Datentyp als Rückgabetyp dieser Funktion.
  • Diese „Return“-Anweisung verwendet das „ Datum ” Objekt verknüpft mit dem „ Zeit bekommen() ”-Methode, um Datum und Uhrzeit in Millisekunden als „Zahl“ zurückzugeben.
  • Rufen Sie abschließend die definierte Funktion auf.

Ausgang



Kompilieren Sie die „.ts“-Datei mit dem „tsc“-Compiler und führen Sie dann die kompilierte „.js“-Datei aus:

tsc main. ts //Kompilieren

Knoten main. js //Laufen

Wie zu sehen ist, ruft die Funktion „Time()“ den angegebenen numerischen Wert ab, da ihr Rückgabetyp „Zahl“ ist.

Beispiel 2: Geben Sie die Parametertypen der Funktion an

In diesem Beispiel wird der Typ der Funktionsparameter angegeben, um sie so einzuschränken, dass keine anderen Datentypwerte akzeptiert werden:

Funktion hinzufügen ( A : Zahl, geb : Nummer ) : Nummer

{

zurückkehren A + B ;

}

Konsole. Protokoll ( „Summe ist:“ + hinzufügen ( 10 , zwanzig ) ) ;

In diesem Code:

  • Der ' hinzufügen() „Funktion benötigt zwei Parameter“ A Und B „vom Typ“ Nummer “.
  • Diese Funktion gibt den numerischen Wert als Ergebnis der angegebenen arithmetischen Operation zurück, d. h. „a+b“.
  • Der ' console.log() ”-Methode ruft die „ hinzufügen() „Funktion, die die angegebenen Argumentwerte als „Zahlen“ übergibt.

Ausgang

tsc main. ts

Knoten main. js

Hier zeigt die Ausgabe erfolgreich die Summe der angegebenen Zahlen an.

Beispiel 3: Funktionstypen in TypeScript und Angabe ihrer Typen

In TypeScript werden die Funktionen in zwei Typen eingeteilt: „ Genannt ' Und ' Anonym “.

Benannte Funktion

Der ' Genannt Die Funktion wird mit ihrem Vornamen deklariert. Diese Funktion kann den Parametertyp oder den Rückgabetyp der Funktion enthalten. Die Demo kann in „Beispiel 2“ betrachtet werden.

Syntax

Funktionsname ( [ args ] ) { }

Anonyme Funktion

Der ' Anonym Die Funktion wird einer Variablen zugewiesen, die sie zur Laufzeit dynamisch als Ausdruck definiert. Es funktioniert genauso wie die einfache/Funktion. Der Benutzer kann es unter Verwendung des Variablennamens aufrufen, in dem es zugewiesen ist, um die Funktionalitäten der Funktion aufzurufen.

Syntax

Ergebnis lassen = Funktion ( [ args ] ) { }

Lassen Sie uns nun die besprochene Funktion praktisch demonstrieren:

lass myFunc = Funktion ( X : Zahl, y : Nummer ) : Nummer {

zurückkehren X * Und ;

} ;

Konsole. Protokoll ( myFunc ( 10 , 6 ) ) ;

In den obigen Codezeilen:

  • Die Variable „myFunc“ definiert eine Funktion mit Parametern (mit ihren Typen) und dem Rückgabetyp.
  • Die „return“-Anweisung gibt die Multiplikation der übergebenen Werte zurück.
  • Der ' console.log() „Methode ruft die „anonyme Funktion“ mit Hilfe der ihr zugewiesenen Variablen auf „ myFunc ” durch Übergabe der angegebenen Werte als Argumente.

Ausgang

tsc main. ts

Knoten main. js

Hier gibt die Ausgabe den Wert vom Typ „numerisch“ zurück, da der Rückgabetyp der Funktion „Zahl“ ist.

Abschluss

In TypeScript ist das „ Typ „“ einer Funktion bezieht sich auf die Parameter oder den Rückgabewert der Funktion basierend auf den integrierten Datentypen, sodass nur die angegebenen Werte von der Funktion unterstützt werden. In dieser Anleitung wurde kurz erläutert, wie Sie den „Typ“ einer Funktion mithilfe von TypeScript angeben.