Kursinhalt
Einführung in TypeScript
Einführung in TypeScript
Parameter und Rückgabewert
Wir setzen unsere Arbeit und Erkundung von Funktionen fort. In diesem Kapitel werden wir uns mit einem grundlegenden Merkmal von Funktionen befassen: Parameter akzeptieren und Daten zurückgeben. Dies ermöglicht es uns, jede Funktion in eine Rechenmaschine zu verwandeln. Beginnen wir mit etwas Einfachem - der untenstehende Code nimmt 2 Zahlen als Parameter und gibt ihre Summe zurück:
function add(a: number, b: number): number { return a + b; } let result = add(5, 10); console.log(result);
Im obigen Beispiel haben wir in den Klammern 2 Parameter angegeben, die die Funktion akzeptieren wird, zusammen mit dem Datentyp dieser Parameter.
Was sind die Parameter?
Dies sind die Daten, die wir beim Aufrufen der Funktion bereitstellen, und wir können diese Parameter innerhalb des Funktionskörpers verwenden. Zum Beispiel, im obigen Beispiel, wenn wir die Funktion aufrufen, geben wir zwei Zahlen an, und innerhalb des Funktionskörpers werden diese beiden Zahlen zusammen addiert.
Nach all dem gibt die Funktion den endgültigen Wert zurück.
Wie gibt die Funktion einen Wert zurück?
Durch das Schlüsselwort return
. Sie können sehen, dass wir die Summe dieser beiden Parameter mit return
zurückgeben.
Wir geben auch den zurückgegebenen Datentyp durch einen Doppelpunkt bei der Deklaration der Funktion an.
Zu viel Text, schauen wir uns ein weiteres Beispiel für die Deklaration und Verwendung einer Funktion an:
function sumArray(numbers: number[]): number { let sum = 0; for (let i = 0; i < numbers.length; i++) { sum += numbers[i]; } return sum; } let numbers = [1, 2, 3, 4, 5]; let total = sumArray(numbers); console.log(`Sum of numbers in the first array: ${total}`); let numbers_2 = [2, 4, 6, 8, 10]; let total_2 = sumArray(numbers_2); console.log(`Sum of numbers in the second array: ${total_2}`)
Die oben stehende Funktion berechnet die Summe aller Elemente im Array, beginnend mit dem ersten und endend mit dem letzten. Hier sehen Sie, dass sich im Funktionskörper eine Schleife befindet, die diese Operation ausführt. Auf diese Weise haben wir eine erhebliche Anzahl von Codezeilen reduziert, indem wir die Funktion als wiederverwendbaren Codeblock verwenden. Wir rufen diesen Codeblock mehrmals mit nur einer Codezeile auf.
Beachten Sie, dass wir eine Variable mit der Funktion initialisieren. Diese Variable wird denselben Typ wie der Rückgabetyp der Funktion haben.
1. Was ist der Zweck von Parametern in einer TypeScript-Funktion?
2. Was ist die Hauptaufgabe von Rückgabewerten in TypeScript-Funktionen?
Danke für Ihr Feedback!