Lære Valgfri Parametre

Nogle gange opstår der situationer, hvor vi har brug for at videregive et varierende antal parametre til en funktion. For eksempel, når man registrerer sig på en hjemmeside, kan man blive bedt om at indtaste et mobiltelefonnummer, men det er valgfrit. Der findes forskellige løsninger på dette problem, fra overbelastning af funktioner til oprettelse af separate funktioner for hvert tilfælde. Men lad os udforske en praktisk funktion i TypeScript – valgfri parametre.

Kort sagt er dette parametre, som man ikke behøver at videregive til funktionen.

Lad os se på et eksempel:


              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')

Funktionen ovenfor registrerer en bruger. Vi skal angive et username, password og et phoneNumber. Telefonnummeret er en valgfri parameter. Bemærk syntaksen: når vi angiver denne parameter, tilføjer vi et spørgsmålstegn. Vi stiller bogstaveligt talt spørgsmålstegn ved eksistensen af denne parameter. Måske er den der, måske ikke.

Inde i funktionen tjekker vi, om telefonnummeret er angivet. Hvis det er, udskrives brugeroplysninger til konsollen, inklusive telefonnummeret. Hvis ikke, udskrives brugeroplysninger uden telefonnummeret.

Derudover skal denne bruger gemmes i databasen, men det er et mere avanceret emne, som vi helt sikkert vil gennemgå i fremtidige kurser.

Lad os nu se på et andet eksempel på brug af valgfrie parametre:


              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)

I dette eksempel har vi oprettet en meget simpel hilsensmetode. En person kan vælge at angive sit efternavn eller lade det være tomt. Vores program vil hilse på personen uanset hvad. Algoritmen burde være tydelig. Vi angiver en valgfri parameter, kontrollerer om den er til stede ved hjælp af en if-sætning, og fortsætter derefter med vores handlinger.

Valgfrie parametre er faktisk en meget nyttig og ofte anvendt funktion, fordi vi ikke altid har brug for alle de data, vi sender til vores funktion.

1. Hvad er formålet med en valgfri parameter i TypeScript?

2. Hvordan angives valgfrie parametre i TypeScript-funktionssignaturer?

Var alt klart?

Tak for dine kommentarer!

Sektion 5. Kapitel 4

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

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

What happens if I put an optional parameter before a required one?

Can you show more examples of functions with optional parameters?

Awesome!

Completion rate improved to 2.94

Stryg for at vise menuen