Oppiskele Valinnaiset Parametrit

Joskus on tilanteita, joissa funktiolle täytyy välittää vaihteleva määrä parametreja. Esimerkiksi verkkosivustolle rekisteröityessä voidaan pyytää syöttämään matkapuhelinnumero, mutta se ei ole pakollinen. Tähän ongelmaan on useita ratkaisuja, kuten funktioiden ylikuormitus tai erillisten funktioiden luominen jokaista tapausta varten. Tarkastellaan kuitenkin TypeScriptin kätevää ominaisuutta – valinnaisia parametreja.

Yksinkertaisesti sanottuna nämä ovat parametreja, joita ei ole pakko välittää funktiolle.

Tarkastellaan esimerkkiä:


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

Yllä oleva funktio rekisteröi käyttäjän. Meidän tulee antaa username, password ja phoneNumber. Puhelinnumero on valinnainen parametri. Huomioi syntaksi: kun määritämme tämän parametrin, lisäämme kysymysmerkin. Kirjaimellisesti kyseenalaistamme tämän parametrin olemassaolon. Ehkä se on olemassa, ehkä ei.

Funktion sisällä tarkistetaan, onko puhelinnumero annettu. Jos on, tulostetaan käyttäjän tiedot konsoliin puhelinnumeron kanssa. Jos ei, tulostetaan käyttäjän tiedot ilman puhelinnumeroa.

Lisäksi tämä käyttäjä tulisi tallentaa tietokantaan, mutta se on edistyneempi aihe, jonka käsittelemme tulevilla kursseilla.

Tarkastellaan nyt toista esimerkkiä valinnaisten parametrien käytöstä:


              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)

Tässä esimerkissä olemme luoneet hyvin yksinkertaisen tervehdyksen. Henkilö voi halutessaan antaa sukunimensä tai jättää sen tyhjäksi. Ohjelmamme tervehtii henkilöä joka tapauksessa. Toivottavasti algoritmi on selkeä. Määrittelemme valinnaisen parametrin, tarkistamme sen olemassaolon if-lauseella ja jatkamme toimintaamme sen mukaisesti.

Valinnaiset parametrit ovat todella hyödyllinen ja usein käytetty ominaisuus, koska emme aina tarvitse kaikkea tietoa, jota funktiolle välitämme.

1. Mikä on valinnaisen parametrin tarkoitus TypeScriptissä?

2. Kuinka valinnaiset parametrit merkitään TypeScript-funktioiden määrittelyissä?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 4

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

Pyyhkäise näyttääksesi valikon