Valeurs Par Défaut

Une autre fonctionnalité des fonctions en TypeScript est les valeurs par défaut des paramètres. Les valeurs par défaut sont souvent utilisées en complément ou à la place des paramètres optionnels. Vous pouvez définir une valeur par défaut pour un paramètre, et si vous ne spécifiez pas de valeur pour ce paramètre lors de l'appel de la fonction, il sera initialisé avec la valeur par défaut.

Voyons 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 nous fournira une notification du montant de la transaction et de sa description.

Les utilisateurs n'aiment pas toujours fournir des descriptions pour leurs transactions, donc ce champ est facultatif. Comme vous pouvez le voir, pour spécifier une valeur par défaut qui nous indique qu'il n'y a pas de description pour la transaction, nous avons utilisé le signe égal et la valeur que nous voulons passer par défaut. 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. Regardons à nouveau la syntaxe :

Il est également important de noter que vous pouvez utiliser n'importe quel nombre de paramètres différents dans les fonctions. Vous pouvez utiliser 2 paramètres optionnels, 31 paramètres par défaut, ou même 792 paramètres réguliers. Je ne recommanderais pas d'utiliser plus de 792 paramètres, sinon les gens pourraient vous regarder avec mépris. Jetons un coup d'œil à 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 ont 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 montre comment les paramètres optionnels et par défaut peuvent être utilisés pour créer des fonctions flexibles avec divers scénarios d'utilisation.

Le code s'est avéré assez étendu, mais j'espère qu'il démontre comment les paramètres fonctionnent dans les fonctions. Si vous avez tout compris, vous faites du bon travail !

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 5