Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Standardverdier | Funksjoner
Introduksjon til TypeScript

bookStandardverdier

En annen funksjon i TypeScript er standardverdier for parametere. Standardverdier brukes ofte sammen med, eller i stedet for, valgfrie parametere. Du kan angi en standardverdi for en parameter, og hvis du ikke spesifiserer en verdi for denne parameteren når funksjonen kalles, vil den bli initialisert med standardverdien.

La oss 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
copy

Her er det enkleste eksempelet på en funksjon for gjennomføring av banktransaksjoner. Denne funksjonen gir oss en melding om transaksjonsbeløpet og beskrivelsen.

Brukere ønsker ikke alltid å oppgi beskrivelser for sine transaksjoner, så dette feltet er valgfritt. Som du ser, for å angi en standardverdi som forteller oss at det ikke finnes noen beskrivelse for transaksjonen, brukte vi likhetstegnet og verdien vi ønsker å bruke som standard. Derfor, hvis denne parameteren ikke er definert når funksjonen kalles, vil standardverdien bli brukt. La oss se på syntaksen igjen:

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

Det er også verdt å merke seg at du kan bruke et hvilket som helst antall ulike parametere i funksjoner. Du kan bruke 2 valgfrie parametere, 31 standardparametere, eller til og med 792 vanlige parametere. Jeg vil ikke anbefale å bruke mer enn 792 parametere, ellers kan det hende folk ser rart på deg. La oss 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
copy

I dette eksemplet:

  • productName er et påkrevd parameter;
  • quantity, discount, shippingMethod, giftWrap og deliveryDate har alle standardverdier og kan utelates når funksjonen kalles;
  • Funksjonen orderProduct tar parametere, beregner og skriver ut totalkostnaden for en bestilling, samt detaljene for denne.

Dette eksemplet viser hvordan valgfrie og standard parametere kan brukes for å lage fleksible funksjoner med ulike bruksscenarier.

Koden ble ganske omfattende, men jeg håper den viser hvordan parametere fungerer i funksjoner. Hvis du har forstått alt, gjør du det veldig bra!

question mark

Hva er hensikten med å bruke standardparametere i en TypeScript-funksjon?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.94

bookStandardverdier

Sveip for å vise menyen

En annen funksjon i TypeScript er standardverdier for parametere. Standardverdier brukes ofte sammen med, eller i stedet for, valgfrie parametere. Du kan angi en standardverdi for en parameter, og hvis du ikke spesifiserer en verdi for denne parameteren når funksjonen kalles, vil den bli initialisert med standardverdien.

La oss 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
copy

Her er det enkleste eksempelet på en funksjon for gjennomføring av banktransaksjoner. Denne funksjonen gir oss en melding om transaksjonsbeløpet og beskrivelsen.

Brukere ønsker ikke alltid å oppgi beskrivelser for sine transaksjoner, så dette feltet er valgfritt. Som du ser, for å angi en standardverdi som forteller oss at det ikke finnes noen beskrivelse for transaksjonen, brukte vi likhetstegnet og verdien vi ønsker å bruke som standard. Derfor, hvis denne parameteren ikke er definert når funksjonen kalles, vil standardverdien bli brukt. La oss se på syntaksen igjen:

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

Det er også verdt å merke seg at du kan bruke et hvilket som helst antall ulike parametere i funksjoner. Du kan bruke 2 valgfrie parametere, 31 standardparametere, eller til og med 792 vanlige parametere. Jeg vil ikke anbefale å bruke mer enn 792 parametere, ellers kan det hende folk ser rart på deg. La oss 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
copy

I dette eksemplet:

  • productName er et påkrevd parameter;
  • quantity, discount, shippingMethod, giftWrap og deliveryDate har alle standardverdier og kan utelates når funksjonen kalles;
  • Funksjonen orderProduct tar parametere, beregner og skriver ut totalkostnaden for en bestilling, samt detaljene for denne.

Dette eksemplet viser hvordan valgfrie og standard parametere kan brukes for å lage fleksible funksjoner med ulike bruksscenarier.

Koden ble ganske omfattende, men jeg håper den viser hvordan parametere fungerer i funksjoner. Hvis du har forstått alt, gjør du det veldig bra!

question mark

Hva er hensikten med å bruke standardparametere i en TypeScript-funksjon?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 5
some-alt