Aprenda Valores Padrão

Outro recurso das funções em TypeScript é o valor padrão para parâmetros. Valores padrão são frequentemente utilizados juntamente com parâmetros opcionais ou em seu lugar. É possível definir um valor padrão para um parâmetro e, caso não seja especificado um valor ao chamar a função, esse parâmetro será inicializado com o valor padrão.

Veja um exemplo:


              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

Este é o exemplo mais simples de uma função para realizar transações bancárias. Essa função fornece uma notificação com o valor da transação e sua descrição.

Nem sempre os usuários desejam informar descrições para suas transações, portanto, esse campo é opcional. Como pode ser observado, para definir um valor padrão que indica que não há descrição para a transação, utilizamos o sinal de igual e o valor que desejamos passar como padrão. Assim, se esse parâmetro não for definido ao chamar a função, o valor padrão será utilizado. Veja novamente a sintaxe:

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

Também é importante observar que você pode usar qualquer quantidade de parâmetros diferentes em funções. É possível utilizar 2 parâmetros opcionais, 31 parâmetros com valor padrão ou até mesmo 792 parâmetros regulares. Não recomendaria utilizar mais de 792 parâmetros, pois as pessoas podem olhar para você com desaprovação. Vamos analisar um exemplo semelhante:


              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

Neste exemplo:

productName é um parâmetro obrigatório;
quantity, discount, shippingMethod, giftWrap e deliveryDate possuem valores padrão e podem ser omitidos ao chamar a função;
A função orderProduct recebe parâmetros, calcula e exibe o custo total de um pedido, além de seus detalhes.

Este exemplo mostra como parâmetros opcionais e valores padrão podem ser utilizados para criar funções flexíveis com diversos cenários de uso.

O código ficou bastante extenso, mas espero que demonstre como os parâmetros funcionam em funções. Se você entendeu tudo, você está indo muito bem!

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 5. Capítulo 5

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.94

Deslize para mostrar o menu