Impara Valori Predefiniti

Un'altra caratteristica delle funzioni in TypeScript è la possibilità di utilizzare valori predefiniti per i parametri. I valori predefiniti vengono spesso utilizzati insieme o al posto dei parametri opzionali. È possibile impostare un valore predefinito per un parametro e, se non si specifica un valore per quel parametro durante la chiamata della funzione, verrà inizializzato con il valore predefinito.

Vediamo un esempio:


              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

Ecco l'esempio più semplice di una funzione per eseguire transazioni bancarie. Questa funzione fornirà una notifica dell'importo della transazione e della sua descrizione.

Gli utenti non sempre desiderano fornire una descrizione per le proprie transazioni, quindi questo campo è opzionale. Come puoi vedere, per specificare un valore predefinito che indichi che non è stata fornita alcuna descrizione per la transazione, abbiamo utilizzato il segno di uguale e il valore che vogliamo impostare come predefinito. Pertanto, se questo parametro non viene definito durante la chiamata della funzione, verrà utilizzato il valore predefinito. Vediamo nuovamente la sintassi:

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

Inoltre, è importante notare che è possibile utilizzare qualsiasi numero di parametri diversi nelle funzioni. Si possono usare 2 parametri opzionali, 31 parametri con valore predefinito o persino 792 parametri regolari. Non consiglierei di utilizzare più di 792 parametri, altrimenti si potrebbe essere guardati con disapprovazione. Vediamo un esempio simile:


              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 questo esempio:

productName è un parametro obbligatorio;
quantity, discount, shippingMethod, giftWrap e deliveryDate hanno tutti valori predefiniti e possono essere omessi quando si chiama la funzione;
La funzione orderProduct accetta parametri, calcola e stampa il costo totale di un ordine e i suoi dettagli.

Questo esempio mostra come i parametri opzionali e predefiniti possano essere utilizzati per creare funzioni flessibili con diversi scenari d'uso.

Il codice è risultato piuttosto esteso, ma spero che dimostri come funzionano i parametri nelle funzioni. Se hai compreso tutto, stai andando alla grande!

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 5

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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

Scorri per mostrare il menu