Standardwerte

Ein weiteres Merkmal von Funktionen in TypeScript sind Standardparameterwerte. Standardwerte werden häufig zusammen mit optionalen Parametern oder an deren Stelle verwendet. Sie können einen Standardwert für einen Parameter festlegen, und wenn Sie beim Aufrufen der Funktion keinen Wert für diesen Parameter angeben, wird er mit dem Standardwert initialisiert.

Schauen wir uns ein Beispiel an:


              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

Hier ist das einfachste Beispiel für eine Funktion zur Durchführung von Banktransaktionen. Diese Funktion wird uns eine Benachrichtigung über den Transaktionsbetrag und seine Beschreibung geben.

Benutzer möchten nicht immer Beschreibungen für ihre Transaktionen angeben, daher ist dieses Feld optional. Wie Sie sehen können, haben wir, um einen Standardwert anzugeben, der uns mitteilt, dass es keine Beschreibung für die Transaktion gibt, das Gleichheitszeichen und den Wert verwendet, den wir als Standard übergeben möchten. Wenn dieser Parameter beim Aufrufen der Funktion nicht definiert ist, wird der Standardwert verwendet. Schauen wir uns die Syntax noch einmal an:

Außerdem ist es erwähnenswert, dass Sie beliebig viele verschiedene Parameter in Funktionen verwenden können. Sie können 2 optionale Parameter, 31 Standardparameter oder sogar 792 reguläre Parameter verwenden. Ich würde nicht empfehlen, mehr als 792 Parameter zu verwenden, sonst könnten die Leute Sie mit Verachtung betrachten. Schauen wir uns ein ähnliches Beispiel an:


              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

In diesem Beispiel:

productName ist ein erforderlicher Parameter;
quantity, discount, shippingMethod, giftWrap und deliveryDate haben alle Standardwerte und können beim Aufrufen der Funktion weggelassen werden;
Die Funktion orderProduct nimmt Parameter entgegen, berechnet und druckt die Gesamtkosten einer Bestellung und deren Details.

Dieses Beispiel zeigt, wie optionale und Standardparameter verwendet werden können, um flexible Funktionen mit verschiedenen Nutzungsszenarien zu erstellen.

Der Code ist ziemlich umfangreich geworden, aber ich hoffe, er zeigt, wie Parameter in Funktionen funktionieren. Wenn Sie alles verstanden haben, machen Sie einen großartigen Job!

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 5