Lære Standardværdier

En anden funktion ved funktioner i TypeScript er standardværdier for parametre. Standardværdier bruges ofte sammen med eller i stedet for valgfrie parametre. Du kan angive en standardværdi for en parameter, og hvis du ikke angiver en værdi for denne parameter, når du kalder funktionen, vil den blive initialiseret med standardværdien.

Lad os se på et eksempel:


              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

Her er det simpleste eksempel på en funktion til gennemførelse af banktransaktioner. Denne funktion giver os en meddelelse om transaktionsbeløbet og dens beskrivelse.

Brugere ønsker ikke altid at angive beskrivelser for deres transaktioner, så dette felt er valgfrit. Som du kan se, for at angive en standardværdi, der fortæller os, at der ikke er nogen beskrivelse for transaktionen, brugte vi lighedstegnet og den værdi, vi ønsker at angive som standard. Derfor, hvis denne parameter ikke er defineret, når funktionen kaldes, vil standardværdien blive brugt. Lad os se på syntaksen igen:

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

Det er også værd at bemærke, at du kan bruge et vilkårligt antal forskellige parametre i funktioner. Du kan bruge 2 valgfrie parametre, 31 standardparametre eller endda 792 almindelige parametre. Det anbefales ikke at bruge mere end 792 parametre, da det kan vække misbilligelse. Lad os se på et lignende eksempel:


              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 dette eksempel:

productName er et påkrævet parameter;
quantity, discount, shippingMethod, giftWrap og deliveryDate har alle standardværdier og kan udelades, når funktionen kaldes;
Funktionen orderProduct modtager parametre, beregner og udskriver de samlede omkostninger for en ordre samt dens detaljer.

Dette eksempel viser, hvordan valgfrie og standardparametre kan bruges til at skabe fleksible funktioner med forskellige anvendelsesscenarier.

Koden blev ret omfattende, men jeg håber, den demonstrerer, hvordan parametre fungerer i funktioner. Hvis du har forstået det hele, gør du det rigtig godt!

Var alt klart?

Tak for dine kommentarer!

Sektion 5. Kapitel 5

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

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

Stryg for at vise menuen