Lære Valgfrie Parametere

Noen ganger oppstår det situasjoner hvor vi må sende et varierende antall parametere til en funksjon. For eksempel, når man registrerer seg på et nettsted, kan man bli bedt om å oppgi et mobilnummer, men dette er valgfritt. Det finnes ulike løsninger på dette problemet, fra overlasting av funksjoner til å lage separate funksjoner for hvert tilfelle. Men la oss se nærmere på en nyttig egenskap ved funksjoner i TypeScript – valgfrie parametere.

Enkelt sagt er dette parametere som ikke er påkrevd å sende til funksjonen.

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

Funksjonen ovenfor registrerer en bruker. Vi må oppgi username, password og et phoneNumber. Telefonnummeret er en valgfri parameter. Merk syntaksen: når vi angir denne parameteren, legger vi til et spørsmålstegn. Vi stiller bokstavelig talt spørsmål ved om denne parameteren finnes. Kanskje er den der, kanskje ikke.

Inne i funksjonen sjekker vi om telefonnummeret er oppgitt. Hvis det er det, skriver vi ut brukerens informasjon til konsollen, inkludert telefonnummeret. Hvis ikke, skriver vi ut brukerens informasjon uten telefonnummeret.

I tillegg skal denne brukeren lagres i databasen, men det er et mer avansert tema som vi definitivt skal dekke i fremtidige kurs.

La oss nå se på et annet eksempel på bruk av valgfrie parametere:


              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 eksemplet har vi laget en svært enkel hilsningsmetode. En person kan velge å oppgi etternavnet sitt eller la det stå tomt. Programmet vårt vil hilse på personen uansett. Algoritmen bør være tydelig. Vi angir en valgfri parameter, sjekker om den er til stede ved hjelp av en if-setning, og fortsetter deretter med de nødvendige handlingene.

Valgfrie parametere er en svært nyttig og ofte brukt funksjon, fordi vi ikke alltid trenger alle dataene vi sender til funksjonen vår.

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

2. Hvordan angis valgfrie parametere i TypeScript-funksjonssignaturer?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.94

Sveip for å vise menyen