Lära Valfria Parametrar

Ibland uppstår situationer där vi behöver skicka ett varierande antal parametrar till en funktion. Till exempel, vid registrering på en webbplats kan vi bli ombedda att ange ett mobilnummer, men det är valfritt. Det finns olika lösningar på detta problem, från överlagring av funktioner till att skapa separata funktioner för varje fall. Men låt oss utforska en användbar funktion i TypeScript – valfria parametrar.

Enkelt uttryckt är detta parametrar som du inte måste skicka till funktionen.

Låt oss titta på ett exempel:


              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 ovan registrerar en användare. Vi behöver ange ett username, password och ett phoneNumber. Telefonnummer är en valfri parameter. Observera syntaxen: när vi anger denna parameter lägger vi till ett frågetecken. Vi ifrågasätter bokstavligen om denna parameter finns. Kanske finns den, kanske inte.

Inuti funktionen kontrollerar vi om telefonnumret är angivet. Om det är det, skriver vi ut användarinformation till konsolen, inklusive telefonnumret. Om inte, skriver vi ut användarinformation utan telefonnummer.

Dessutom ska denna användare sparas i databasen, men det är ett mer avancerat ämne som vi definitivt kommer att ta upp i framtida kurser.

Nu ska vi titta på ett annat exempel på användning av valfria parametrar:


              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 det här exemplet har vi skapat en mycket enkel hälsningsmetod. En person kan välja att ange sitt efternamn eller lämna det tomt. Vårt program kommer att hälsa på personen oavsett. Algoritmen är förhoppningsvis tydlig. Vi anger en valfri parameter, kontrollerar dess närvaro med ett if-villkor och fortsätter därefter med våra åtgärder.

Valfria parametrar är verkligen en mycket användbar och ofta använd funktion eftersom vi inte alltid behöver all data vi skickar till vår funktion.

1. Vad är syftet med en valfri parameter i TypeScript?

2. Hur anges valfria parametrar i TypeScript-funktionssignaturer?

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 4

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.94

Svep för att visa menyn