Вивчайте Значення за Замовчуванням

Ще одна можливість функцій у TypeScript — це значення параметрів за замовчуванням. Значення за замовчуванням часто використовуються разом із необов'язковими параметрами або замість них. Можна встановити значення за замовчуванням для параметра, і якщо при виклику функції не вказати значення для цього параметра, він буде ініціалізований значенням за замовчуванням.

Розглянемо приклад:


              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

Ось найпростіший приклад функції для проведення банківських транзакцій. Ця функція надає сповіщення про суму транзакції та її опис.

Користувачі не завжди бажають вказувати опис для своїх транзакцій, тому це поле є необов'язковим. Як видно, щоб задати значення за замовчуванням, яке повідомляє, що опису для транзакції немає, використовується знак рівності та значення, яке потрібно передати за замовчуванням. Таким чином, якщо цей параметр не визначено під час виклику функції, буде використано значення за замовчуванням. Ще раз розглянемо синтаксис:

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

Також варто зазначити, що у функціях можна використовувати будь-яку кількість різних параметрів. Можна використати 2 необов'язкові параметри, 31 параметр за замовчуванням або навіть 792 звичайних параметри. Не рекомендується використовувати більше ніж 792 параметри, інакше до вас можуть поставитися з осудом. Розглянемо подібний приклад:


              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

У цьому прикладі:

productName — обов'язковий параметр;
quantity, discount, shippingMethod, giftWrap та deliveryDate мають значення за замовчуванням і можуть бути пропущені під час виклику функції;
Функція orderProduct приймає параметри, обчислює та виводить загальну вартість замовлення та його деталі.

Цей приклад демонструє, як можна використовувати необов'язкові та параметри за замовчуванням для створення гнучких функцій із різними сценаріями використання.

Код вийшов досить об'ємним, але сподіваюся, він показує, як працюють параметри у функціях. Якщо ви все зрозуміли, ви на правильному шляху!

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 5. Розділ 5

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

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

Свайпніть щоб показати меню

Розглянемо приклад:


              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

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


              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

У цьому прикладі:

productName — обов'язковий параметр;
quantity, discount, shippingMethod, giftWrap та deliveryDate мають значення за замовчуванням і можуть бути пропущені під час виклику функції;
Функція orderProduct приймає параметри, обчислює та виводить загальну вартість замовлення та його деталі.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 5. Розділ 5