Impara Parametri Opzionali

A volte ci sono situazioni in cui è necessario passare un numero variabile di parametri a una funzione. Ad esempio, durante la registrazione su un sito web, può essere richiesto di inserire un numero di cellulare, ma questo dato è facoltativo. Esistono diverse soluzioni a questo problema, dal sovraccarico delle funzioni alla creazione di funzioni separate per ciascun caso. Tuttavia, esaminiamo una funzionalità utile delle funzioni in TypeScript: i parametri opzionali.

In termini semplici, si tratta di parametri che non è necessario passare alla funzione.

Vediamo un esempio:


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

La funzione sopra registra un utente. È necessario fornire uno username, una password e un phoneNumber. Il numero di telefono è un parametro opzionale. Prestare attenzione alla sintassi: quando si specifica questo parametro, si aggiunge un punto interrogativo. Si sta letteralmente mettendo in dubbio l'esistenza di questo parametro. Potrebbe esserci, oppure no.

All'interno della funzione, si verifica se il numero di telefono è stato fornito. Se sì, vengono stampate le informazioni dell'utente nella console, incluso il numero di telefono. In caso contrario, vengono stampate le informazioni dell'utente senza il numero di telefono.

Inoltre, questo utente dovrebbe essere salvato nel database, ma si tratta di un argomento più avanzato che verrà sicuramente trattato nei corsi futuri.

Ora, vediamo un altro esempio di utilizzo dei parametri opzionali:


              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 questo esempio, è stato creato un metodo di saluto molto semplice. Una persona può scegliere se fornire il proprio cognome oppure lasciarlo vuoto. Il programma saluterà comunque la persona. L'algoritmo dovrebbe essere chiaro. Si specifica un parametro opzionale, si verifica la sua presenza utilizzando un'istruzione if e si procede di conseguenza.

I parametri opzionali sono una funzionalità davvero utile e frequentemente utilizzata, perché non sempre è necessario disporre di tutti i dati che passiamo alla nostra funzione.

1. Qual è lo scopo di un parametro opzionale in TypeScript?

2. Come vengono indicati i parametri opzionali nelle firme delle funzioni in TypeScript?

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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

Scorri per mostrare il menu