Oppiskele Oletusarvot

Toinen TypeScript-funktioiden ominaisuus on parametrien oletusarvot. Oletusarvoja käytetään usein yhdessä valinnaisten parametrien kanssa tai niiden sijasta. Voit asettaa parametrille oletusarvon, ja jos et määritä arvoa funktiota kutsuttaessa, parametri saa oletusarvon.

Tarkastellaanpa esimerkkiä:


              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

Tässä on yksinkertaisin esimerkki funktiosta, joka suorittaa pankkitapahtumia. Tämä funktio ilmoittaa meille tapahtuman summan ja kuvauksen.

Käyttäjät eivät aina halua antaa kuvauksia tapahtumilleen, joten tämä kenttä on valinnainen. Kuten huomaat, määrittääksemme oletusarvon, joka kertoo ettei tapahtumalla ole kuvausta, käytimme yhtäsuuruusmerkkiä ja haluamaamme oletusarvoa. Jos tätä parametria ei määritellä funktiota kutsuttaessa, käytetään oletusarvoa. Katsotaanpa syntaksia uudelleen:

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

Lisäksi on hyvä huomioida, että funktioissa voi käyttää minkä tahansa määrän erilaisia parametreja. Voit käyttää 2 valinnaista parametria, 31 oletusparametria tai jopa 792 tavallista parametria. En suosittele käyttämään yli 792 parametria, sillä muut saattavat katsoa sinua paheksuen. Tarkastellaanpa vastaavaa esimerkkiä:


              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

Tässä esimerkissä:

productName on pakollinen parametri;
quantity, discount, shippingMethod, giftWrap ja deliveryDate sisältävät oletusarvot ja voidaan jättää pois funktiota kutsuttaessa;
orderProduct-funktio vastaanottaa parametreja, laskee ja tulostaa tilauksen kokonaiskustannuksen sekä sen tiedot.

Tämä esimerkki osoittaa, kuinka valinnaisia ja oletusparametreja voidaan käyttää joustavien funktioiden luomiseen erilaisiin käyttötarkoituksiin.

Koodi on melko laaja, mutta toivottavasti se havainnollistaa, miten parametrit toimivat funktioissa. Jos ymmärsit kaiken, olet edistynyt hienosti!

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 5

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

Pyyhkäise näyttääksesi valikon