Standaardwaarden
Een andere functie van functies in TypeScript is standaardparameterwaarden. Standaardwaarden worden vaak gebruikt naast of in plaats van optionele parameters. U kunt een standaardwaarde instellen voor een parameter, en als u geen waarde opgeeft voor die parameter bij het aanroepen van de functie, wordt deze geïnitialiseerd met de standaardwaarde.
Laten we een voorbeeld bekijken:
123456function 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 is het eenvoudigste voorbeeld van een functie voor het uitvoeren van banktransacties. Deze functie geeft ons een melding van het transactiebedrag en de beschrijving ervan.
Gebruikers geven niet altijd graag beschrijvingen voor hun transacties op, dus dit veld is optioneel. Zoals u kunt zien, om een standaardwaarde op te geven die aangeeft dat er geen beschrijving voor de transactie is, hebben we het gelijkteken en de waarde gebruikt die we als standaard willen doorgeven. Daarom wordt, als deze parameter niet is gedefinieerd bij het aanroepen van de functie, de standaardwaarde gebruikt. Laten we de syntaxis nogmaals bekijken:
function funcName(optionalParam?: dataType, defaultParam: dataType = 'value', parameter: dataType) {
// some code
}
Het is ook belangrijk op te merken dat je een willekeurig aantal verschillende parameters in functies kunt gebruiken. Je kunt 2 optionele parameters, 31 standaardparameters of zelfs 792 reguliere parameters gebruiken. Het wordt niet aanbevolen om meer dan 792 parameters te gebruiken, omdat mensen je dan wellicht met afkeuring aankijken. Laten we een soortgelijk voorbeeld bekijken:
123456789101112131415161718192021222324252627282930313233function 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 dit voorbeeld:
productNameis een verplicht argument;quantity,discount,shippingMethod,giftWrapendeliveryDatehebben allemaal standaardwaarden en kunnen worden weggelaten bij het aanroepen van de functie;- De functie
orderProductaccepteert parameters, berekent en toont de totale kosten van een bestelling en de details ervan.
Dit voorbeeld laat zien hoe optionele en standaardparameters gebruikt kunnen worden om flexibele functies te maken voor verschillende gebruiksscenario's.
De code is vrij uitgebreid geworden, maar hopelijk laat het goed zien hoe parameters werken in functies. Als alles duidelijk is, ben je uitstekend bezig!
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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.94Standaardwaarden
Veeg om het menu te tonen
Een andere functie van functies in TypeScript is standaardparameterwaarden. Standaardwaarden worden vaak gebruikt naast of in plaats van optionele parameters. U kunt een standaardwaarde instellen voor een parameter, en als u geen waarde opgeeft voor die parameter bij het aanroepen van de functie, wordt deze geïnitialiseerd met de standaardwaarde.
Laten we een voorbeeld bekijken:
123456function 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 is het eenvoudigste voorbeeld van een functie voor het uitvoeren van banktransacties. Deze functie geeft ons een melding van het transactiebedrag en de beschrijving ervan.
Gebruikers geven niet altijd graag beschrijvingen voor hun transacties op, dus dit veld is optioneel. Zoals u kunt zien, om een standaardwaarde op te geven die aangeeft dat er geen beschrijving voor de transactie is, hebben we het gelijkteken en de waarde gebruikt die we als standaard willen doorgeven. Daarom wordt, als deze parameter niet is gedefinieerd bij het aanroepen van de functie, de standaardwaarde gebruikt. Laten we de syntaxis nogmaals bekijken:
function funcName(optionalParam?: dataType, defaultParam: dataType = 'value', parameter: dataType) {
// some code
}
Het is ook belangrijk op te merken dat je een willekeurig aantal verschillende parameters in functies kunt gebruiken. Je kunt 2 optionele parameters, 31 standaardparameters of zelfs 792 reguliere parameters gebruiken. Het wordt niet aanbevolen om meer dan 792 parameters te gebruiken, omdat mensen je dan wellicht met afkeuring aankijken. Laten we een soortgelijk voorbeeld bekijken:
123456789101112131415161718192021222324252627282930313233function 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 dit voorbeeld:
productNameis een verplicht argument;quantity,discount,shippingMethod,giftWrapendeliveryDatehebben allemaal standaardwaarden en kunnen worden weggelaten bij het aanroepen van de functie;- De functie
orderProductaccepteert parameters, berekent en toont de totale kosten van een bestelling en de details ervan.
Dit voorbeeld laat zien hoe optionele en standaardparameters gebruikt kunnen worden om flexibele functies te maken voor verschillende gebruiksscenario's.
De code is vrij uitgebreid geworden, maar hopelijk laat het goed zien hoe parameters werken in functies. Als alles duidelijk is, ben je uitstekend bezig!
Bedankt voor je feedback!
