Lära Standardvärden

En annan funktion hos funktioner i TypeScript är standardvärden för parametrar. Standardvärden används ofta tillsammans med eller istället för valfria parametrar. Du kan ange ett standardvärde för en parameter, och om du inte anger ett värde för den parametern vid anrop av funktionen kommer den att initialiseras med standardvärdet.

Låt oss titta på ett exempel:


              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

Här är det enklaste exemplet på en funktion för att genomföra banktransaktioner. Denna funktion ger oss en avisering om transaktionsbeloppet och dess beskrivning.

Användare vill inte alltid ange beskrivningar för sina transaktioner, så detta fält är valfritt. Som du kan se, för att ange ett standardvärde som talar om att det inte finns någon beskrivning för transaktionen, använde vi likhetstecknet och det värde vi vill använda som standard. Därför, om denna parameter inte definieras vid funktionsanropet, används standardvärdet. Låt oss titta på syntaxen igen:

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

Det är också värt att notera att du kan använda valfritt antal olika parametrar i funktioner. Du kan använda 2 valfria parametrar, 31 standardparametrar eller till och med 792 vanliga parametrar. Jag skulle inte rekommendera att använda fler än 792 parametrar, annars kan folk se på dig med ogillande. Låt oss titta på ett liknande exempel:


              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

I det här exemplet:

productName är en obligatorisk parameter;
quantity, discount, shippingMethod, giftWrap och deliveryDate har alla standardvärden och kan utelämnas när funktionen anropas;
Funktionen orderProduct tar emot parametrar, beräknar och skriver ut den totala kostnaden för en beställning samt dess detaljer.

Detta exempel visar hur valfria och förvalda parametrar kan användas för att skapa flexibla funktioner med olika användningsområden.

Koden blev ganska omfattande, men jag hoppas att den visar hur parametrar fungerar i funktioner. Om du har förstått allt, gör du ett utmärkt jobb!

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 5

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain the difference between optional and default parameters in TypeScript?

What happens if I provide only some of the parameters when calling these functions?

Can you show more examples of using default and optional parameters together?

Awesome!

Completion rate improved to 2.94

Svep för att visa menyn