Apprendre Paramètres Optionnels

Parfois, il existe des situations où il est nécessaire de transmettre un nombre variable de paramètres à une fonction. Par exemple, lors de l'inscription sur un site web, il peut être demandé de saisir un numéro de téléphone mobile, mais cela reste facultatif. Plusieurs solutions existent pour ce problème, allant de la surcharge de fonctions à la création de fonctions distinctes pour chaque cas. Examinons cependant une fonctionnalité pratique des fonctions en TypeScript : les paramètres optionnels.

En termes simples, il s'agit de paramètres qu'il n'est pas obligatoire de transmettre à la fonction.

Considérons 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. Il est nécessaire de 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 déclaration de ce paramètre, on ajoute un point d'interrogation. On remet littéralement en question l'existence de ce paramètre. Il peut être présent, ou non.

À l'intérieur de la fonction, on vérifie si le numéro de téléphone est fourni. Si c'est le cas, les informations de l'utilisateur sont affichées dans la console, y compris le numéro de téléphone. Sinon, les informations sont affichées sans le numéro de téléphone.

De plus, cet utilisateur devrait être enregistré dans la base de données, mais il s'agit d'un sujet plus avancé qui sera abordé dans de futurs cours.

Voyons maintenant un autre exemple d'utilisation des 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, une méthode de salutation très simple a été créée. Une personne peut choisir de fournir son nom de famille ou de le laisser vide. Le programme saluera la personne dans tous les cas. L’algorithme est, espérons-le, clair. Un paramètre optionnel est spécifié, sa présence est vérifiée à l’aide d’une instruction if, puis les actions appropriées sont effectuées.

Les paramètres optionnels constituent en effet une fonctionnalité très utile et fréquemment utilisée, car il n’est pas toujours nécessaire de transmettre toutes les données à une 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 fonctions TypeScript ?

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 4

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.94

Glissez pour afficher le menu