Leer Parameters en Return Statement

We gaan verder met ons werk en de verkenning van functies. In dit hoofdstuk verdiepen we ons in een fundamenteel kenmerk van functies: het accepteren van parameters en het retourneren van gegevens. Hiermee kunnen we van elke functie een rekenmachine maken. Laten we beginnen met iets eenvoudigs - de onderstaande code neemt 2 getallen als parameters en retourneert hun som:


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);

In het bovenstaande voorbeeld hebben we 2 parameters gespecificeerd binnen de haakjes die de functie zal accepteren, samen met het gegevenstype van deze parameters.

Wat zijn parameters?

Dit zijn de gegevens die we aanleveren bij het aanroepen van de functie, en we kunnen deze parameters gebruiken binnen het lichaam van de functie. In het bovenstaande voorbeeld geven we bijvoorbeeld twee getallen door bij het aanroepen van de functie, en binnen het functielichaam worden deze twee getallen bij elkaar opgeteld.

Na dit alles retourneert de functie de uiteindelijke waarde.

Hoe retourneert de functie een waarde

Dit gebeurt via het sleutelwoord return. Je ziet dat we de som van deze twee parameters retourneren met behulp van return.

We geven ook het geretourneerde gegevenstype aan met een dubbele punt bij het declareren van de functie.

Genoeg tekst, laten we kijken naar een ander voorbeeld van het declareren en gebruiken van een functie:


              1234567891011121314
            
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}`)

De bovenstaande functie berekent de som van alle elementen in de array, beginnend bij het eerste en eindigend bij het laatste element. Hier zie je dat er binnen het functieblok een lus is die deze bewerking uitvoert. Op deze manier hebben we het aantal regels code aanzienlijk verminderd door de functie te gebruiken als een herbruikbaar codeblok. We roepen dit codeblok meerdere keren aan met slechts één regel code.

Let op dat we een variabele initialiseren met behulp van de functie. Deze variabele zal hetzelfde type hebben als het returntype van de functie.

1. Wat is het doel van parameters in een TypeScript-functie?

2. Wat is de primaire rol van returnwaarden in TypeScript-functies?

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain how to use multiple parameters in a function?

What happens if I don't provide all the required parameters when calling a function?

Can you show an example of a function that returns a different data type, like a string?

Awesome!

Completion rate improved to 2.94

Veeg om het menu te tonen


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);