Вивчайте Необов'язкові Параметри

Іноді виникають ситуації, коли потрібно передати різну кількість параметрів у функцію. Наприклад, під час реєстрації на вебсайті можуть попросити ввести номер мобільного телефону, але це не обов'язково. Існують різні способи вирішення цієї задачі: від перевантаження функцій до створення окремих функцій для кожного випадку. Але розглянемо зручну можливість функцій у TypeScript – необов'язкові параметри.

Простими словами, це параметри, які не обов'язково передавати у функцію.

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


              12345678910
            
function register (username: string, password: string, phoneNumber?: number) {
    if (phoneNumber) {
        console.log(`New user with username: '${username}', password: '${password}' and phone number: '${phoneNumber}'`);
    } else {
        console.log(`New user with username: '${username}' and password: '${password}'`)
    }
}

register('Bob', 'qwerty123', 17871233210)
register('Alice', '123456789')

Функція вище реєструє користувача. Необхідно вказати username, password та phoneNumber. Номер телефону є необов'язковим параметром. Зверніть увагу на синтаксис: при оголошенні цього параметра додається знак питання. Ми буквально ставимо під сумнів наявність цього параметра. Можливо, він буде, а можливо, ні.

Усередині функції перевіряється, чи передано номер телефону. Якщо так, у консоль виводиться інформація про користувача разом із номером телефону. Якщо ні — інформація про користувача без номера телефону.

Крім того, цього користувача потрібно зберегти в базі даних, але це більш складна тема, яку обов'язково розглянемо в майбутніх курсах.

Тепер розглянемо ще один приклад використання необов'язкових параметрів:


              123456789101112
            
function greeting(name: string, surname?: string) : string {
    if (!surname) {
        return(`Welcome, ${name}`);
    } else {
        return(`Welcome, ${surname} ${name}`)
    }
}

let first = greeting('Grzegorz', 'Brzęczyszczykiewicz');
let second = greeting('Peter')
console.log(first)
console.log(second)

У цьому прикладі створено дуже простий метод привітання. Користувач може обрати, чи вказувати своє прізвище, чи залишити це поле порожнім. Програма привітає людину в будь-якому випадку. Алгоритм має бути зрозумілим: ми визначаємо необов’язковий параметр, перевіряємо його наявність за допомогою оператора if і відповідно виконуємо подальші дії.

Необов’язкові параметри — це дійсно корисна та часто використовувана функція, оскільки не завжди потрібні всі дані, які передаються у функцію.

1. Яке призначення необов’язкового параметра в TypeScript?

2. Як позначаються необов'язкові параметри у сигнатурах функцій TypeScript?

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

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

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

Запитати АІ

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

Suggested prompts:

Can you explain how to use multiple optional parameters in a function?

What happens if I put an optional parameter before a required one?

Can you show more examples of functions with optional parameters?

Awesome!

Completion rate improved to 2.94

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