Apprendre Valeurs par Défaut

Une autre fonctionnalité des fonctions en TypeScript est l’attribution de valeurs par défaut aux paramètres. Les valeurs par défaut sont souvent utilisées en complément ou à la place des paramètres optionnels. Il est possible de définir une valeur par défaut pour un paramètre ; si aucune valeur n’est spécifiée lors de l’appel de la fonction, ce paramètre sera initialisé avec la valeur par défaut.

Examinons un exemple :


              123456
            
function createBankTransaction(amount: number, description: string = "No description provided") {
    console.log(`Transaction: ${description}, Amount: $${amount}`);
}

createBankTransaction(100); // No description provided: Transaction: No description provided, Amount: $100
createBankTransaction(200, "Deposit"); // With provided description: Transaction: Deposit, Amount: $200

Voici l’exemple le plus simple d’une fonction pour effectuer des transactions bancaires. Cette fonction fournit une notification du montant de la transaction ainsi que de sa description.

Les utilisateurs n’apprécient pas toujours de fournir une description pour leurs transactions, ainsi ce champ est optionnel. Comme vous pouvez le constater, pour spécifier une valeur par défaut indiquant qu’il n’y a pas de description pour la transaction, le signe égal est utilisé suivi de la valeur souhaitée. Par conséquent, si ce paramètre n’est pas défini lors de l’appel de la fonction, la valeur par défaut sera utilisée. Observons à nouveau la syntaxe :

function funcName(optionalParam?: dataType, defaultParam: dataType = 'value', parameter: dataType) {
// some code
 }

Il convient également de noter que vous pouvez utiliser n'importe quel nombre de paramètres différents dans les fonctions. Il est possible d'utiliser 2 paramètres optionnels, 31 paramètres par défaut, ou même 792 paramètres réguliers. Il n'est pas recommandé d'utiliser plus de 792 paramètres, sous peine d'être mal vu par vos pairs. Examinons un exemple similaire :


              123456789101112131415161718192021222324252627282930313233
            
function orderProduct(productName: string, quantity: number = 1, discount?: number, shippingMethod = "Standard", giftWrap = false, deliveryDate = "Tomorrow"): void {
    let totalCost = 0;

    // Calculate the product cost
    let basePrice = 100; // Cost per unit of the product
    if (discount !== undefined) {
        basePrice -= discount;
    }
    totalCost = basePrice * quantity;

    // Add shipping cost
    if (shippingMethod === "Express") {
        totalCost += 10;
    }

    // Add gift wrapping cost
    if (giftWrap) {
        totalCost += 5;
    }

    console.log(`Order Details:
    Product: ${productName}
    Quantity: ${quantity}
    Shipping Method: ${shippingMethod}
    Gift Wrap: ${giftWrap}
    Delivery Date: ${deliveryDate}
    Total Cost: $${totalCost}`);
}

// Function call examples:
orderProduct("Laptop"); // Defaults to 1 unit, standard shipping, no discount, no gift wrapping
orderProduct("Smartphone", 2, 20, "Express", true); // Order 2 smartphones with a 20% discount, express shipping, and gift wrapping
orderProduct("Headphones", 3, undefined, "Standard", false, "Next week"); // Order 3 headphones with no discount, standard shipping, and delivery next week

Dans cet exemple :

productName est un paramètre requis ;
quantity, discount, shippingMethod, giftWrap et deliveryDate possèdent tous des valeurs par défaut et peuvent être omis lors de l'appel de la fonction ;
La fonction orderProduct prend des paramètres, calcule et affiche le coût total d'une commande ainsi que ses détails.

Cet exemple illustre comment les paramètres optionnels et par défaut permettent de créer des fonctions flexibles adaptées à divers scénarios d'utilisation.

Le code est assez long, mais il montre bien le fonctionnement des paramètres dans les fonctions. Si tout est clair pour vous, vous progressez très bien !

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 5

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