Leer Optionele Parameters

Soms zijn er situaties waarin we een variabel aantal parameters aan een functie moeten doorgeven. Bijvoorbeeld, bij het registreren op een website kan gevraagd worden om een mobiel telefoonnummer in te voeren, maar dit is optioneel. Er zijn verschillende oplossingen voor dit probleem, zoals overloaden van functies of aparte functies maken voor elk geval. Laten we echter een handige eigenschap van functies in TypeScript bekijken – optionele parameters.

Kort gezegd zijn dit parameters die je niet verplicht hoeft mee te geven aan de functie.

Bekijk het volgende voorbeeld:


              12345678910
            
function register (username: string, password: string, phoneNumber?: number) {
    if (phoneNumber) {
        console.log(`New user with username: '${username}', password: '${password}' and phone number: '${phoneNumber}'`);
    } else {
        console.log(`New user with username: '${username}' and password: '${password}'`)
    }
}

register('Bob', 'qwerty123', 17871233210)
register('Alice', '123456789')

De bovenstaande functie registreert een gebruiker. We moeten een username, password en een phoneNumber opgeven. Het telefoonnummer is een optionele parameter. Let op de syntax: bij het specificeren van deze parameter voegen we een vraagteken toe. We stellen letterlijk de aanwezigheid van deze parameter in vraag. Misschien is deze aanwezig, misschien niet.

Binnen de functie controleren we of het telefoonnummer is opgegeven. Als dat zo is, tonen we de gebruikersinformatie in de console, inclusief het telefoonnummer. Zo niet, dan tonen we de gebruikersinformatie zonder het telefoonnummer.

Daarnaast moet deze gebruiker in de database worden opgeslagen, maar dat is een geavanceerder onderwerp dat we zeker in toekomstige cursussen zullen behandelen.

Laten we nu naar een ander voorbeeld van het gebruik van optionele parameters kijken:


              123456789101112
            
function greeting(name: string, surname?: string) : string {
    if (!surname) {
        return(`Welcome, ${name}`);
    } else {
        return(`Welcome, ${surname} ${name}`)
    }
}

let first = greeting('Grzegorz', 'Brzęczyszczykiewicz');
let second = greeting('Peter')
console.log(first)
console.log(second)

In dit voorbeeld hebben we een zeer eenvoudige begroetingsmethode gemaakt. Een persoon kan ervoor kiezen om zijn of haar achternaam op te geven of deze leeg te laten. Ons programma zal de persoon in beide gevallen begroeten. Het algoritme is hopelijk duidelijk. We specificeren een optionele parameter, controleren op aanwezigheid met een if-statement, en gaan vervolgens verder met de bijbehorende acties.

Optionele parameters zijn inderdaad een zeer nuttige en veelgebruikte functionaliteit, omdat we niet altijd alle gegevens nodig hebben die we aan onze functie doorgeven.

1. Wat is het doel van een optionele parameter in TypeScript?

2. Hoe worden optionele parameters aangeduid in TypeScript functiedeclaraties?

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 4

Vraag AI

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

Awesome!

Completion rate improved to 2.94

Veeg om het menu te tonen