Paramètres Optionnels

Parfois, il y a des situations où nous devons passer un nombre variable de paramètres à une fonction. Par exemple, lors de l'inscription sur un site web, on peut nous demander de saisir un numéro de téléphone mobile, mais c'est facultatif. Il existe diverses solutions à ce problème, allant de la surcharge des fonctions à la création de fonctions distinctes pour chaque cas. Mais explorons une fonctionnalité pratique des fonctions en TypeScript – les paramètres optionnels.

En termes simples, ce sont des paramètres que vous n'êtes pas obligé de passer à la fonction.

Regardons un exemple :


              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 fonction ci-dessus enregistre un utilisateur. Nous devons fournir un username, un password et un phoneNumber. Le numéro de téléphone est un paramètre optionnel. Notez la syntaxe : lors de la spécification de ce paramètre, nous ajoutons un point d'interrogation. Nous remettons littéralement en question l'existence de ce paramètre. Peut-être qu'il sera là, peut-être pas.

À l'intérieur de la fonction, nous vérifions si le numéro de téléphone est fourni. S'il l'est, nous affichons les informations de l'utilisateur sur la console, y compris le numéro de téléphone. Sinon, nous affichons les informations de l'utilisateur sans le numéro de téléphone.

De plus, cet utilisateur devrait être enregistré dans la base de données, mais c'est un sujet plus avancé que nous aborderons certainement dans de futurs cours.

Maintenant, regardons un autre exemple d'utilisation de paramètres optionnels :


              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)

Dans cet exemple, nous avons créé une méthode de salutation très simple. Une personne peut choisir de fournir son nom de famille ou de le laisser vide. Notre programme saluera la personne dans tous les cas. J'espère que l'algorithme est clair. Nous spécifions un paramètre optionnel, vérifions sa présence en utilisant une instruction if, et procédons à nos actions en conséquence.

Les paramètres optionnels sont en effet une fonctionnalité très utile et fréquemment utilisée car nous n'avons pas toujours besoin de toutes les données que nous passons à notre fonction.

1. Quel est le but d'un paramètre optionnel en TypeScript ?

2. Comment les paramètres optionnels sont-ils indiqués dans les signatures de fonction TypeScript ?

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 4