Параметры по умолчанию позволяют задать значение аргумента функции, которое будет использовано, если при вызове аргумент не передан или передан undefined.
Синтаксис:
function greet(name: string = "Guest") { ... }
- Значение по умолчанию указывается после знака
= - TypeScript автоматически выводит тип из значения по умолчанию
- Параметры по умолчанию обычно идут после обязательных
При вызове greet() без аргумента name получит значение "Guest". При вызове greet("Anna") — значение "Anna".
Этот онлайн-тренажёр поможет разобраться с синтаксисом и поведением параметров по умолчанию через практические задания.
- Модуль 1: Введение в TypeScript
- Модуль 2: Примитивные типы
- Модуль 3: Специальные типы
- Модуль 4: Массивы
- Модуль 5: Кортежи (Tuples)
- Модуль 6: Объекты
- Модуль 7: Функции
- Модуль 8: Union типы
- Модуль 9: Литеральные типы
- Модуль 10: Type Aliases
- Модуль 11: Интерфейсы
- Модуль 12: Type Guards и Narrowing
- Модуль 13: Enums
- Модуль 14: Классы
- Модуль 15: Generics — основы
- Модуль 16: Generics — ограничения
- Модуль 17: Utility Types — базовые
- Модуль 18: Utility Types — работа с Union
- Модуль 19: Utility Types — функции
- Модуль 20: Type Assertions
- Модуль 21: Keyof и Typeof операторы
- Модуль 22: Mapped Types
- Модуль 23: Conditional Types
- Модуль 24: Discriminated Unions
- Модуль 25: Модули и типы
- Модуль 26: Declaration Files
- Модуль 27: Типизация асинхронного кода
- Модуль 28: Практические паттерны
1. Добавь значение по умолчанию
В этом задании вам нужно дополнить код функции, добавив значение по умолчанию для её параметра. Функция greet должна выводить приветствие, используя переданное имя, а если имя не передано — использовать значение по умолчанию. Обратите внимание на синтаксис задания параметров по умолчанию в TypeScript. Вам нужно заполнить два пропуска: оператор присваивания и само значение по умолчанию.
function greet(name: string input1S input2S): void {
console.log(`Привет, ${name}!`);
}
greet();2. Исправь синтаксис
В этом фрагменте кода TypeScript объявлена функция с параметром по умолчанию, но допущена синтаксическая ошибка, из-за которой код не будет работать. Внимательно изучите объявление функции и найдите ошибку в указании значения параметра по умолчанию. Исправьте только ту строку, где допущена ошибка, чтобы функция корректно использовала значение по умолчанию при вызове без аргументов.
function greet(name: string == "Guest"): string { return `Hello, ${name}!`;} console.log(greet());console.log(greet("Alice"));3. Выбери правильные значения
В данном задании представлена функция TypeScript с параметрами по умолчанию. Вам необходимо выбрать из выпадающего списка подходящие значения по умолчанию для каждого параметра, чтобы функция корректно компилировалась и возвращала ожидаемый результат. Обратите внимание на типы параметров и соответствие значений этим типам. Всего в коде три пропуска, которые нужно заполнить.
function createMessage(
greeting: string = input1S,
count: number = input2S,
isFormal: boolean = input3S
): string {
if (isFormal) {
return `${greeting}, you have ${count} new messages.`;
} else {
return `Hey! ${count} messages for you!`;
}
}
// Пример вызова функции
console.log(createMessage());4. Что выведет функция?
Проанализируйте код TypeScript, содержащий функцию с параметрами по умолчанию. Внимательно проследите, как значения по умолчанию вычисляются и переопределяются при вызовах функции. Выберите результат, который будет выведен в консоль после выполнения последнего вызова функции.
function calculate(base: number, offset: number = 10, multiplier: number = offset * 2): number {
return (base + offset) * multiplier;
}
const a = calculate(5);
const b = calculate(5, 2);
const c = calculate(5, 2, 3);
console.log(c);5. Сопоставь вызовы и результаты
В левой колонке приведены различные вызовы функции с параметрами по умолчанию. В правой колонке указаны результаты этих вызовов. Сопоставьте каждый вызов функции с соответствующим результатом. Обратите внимание на то, как передача аргументов, отсутствие аргументов и передача undefined влияют на использование значений по умолчанию.
example()example(5)example(5, "привет")example(5, "привет", true)example(undefined, "мир")6. Собери функцию
Из предложенных строк соберите корректную TypeScript-функцию `calculatePrice`, которая принимает два параметра: `price` (число) и `discount` (число) со значениями по умолчанию `price = 100` и `discount = 0.1`. Функция должна возвращать итоговую цену после применения скидки. Одна из строк содержит неправильный синтаксис параметра (лишний символ) и не должна входить в решение.
function calculatePrice( price: number = 100, discount: number = 0.1 tax: number: = 0.2,): number { return price * (1 - discount);}7. Логика выполнения
Проанализируйте TypeScript-код сверху и восстановите последовательность логических шагов выполнения программы. Шаги снизу перемешаны — расставьте их в правильном порядке, чтобы отразить, как программа обрабатывает вызов функции с параметрами по умолчанию.
function greet(name: string, greeting: string = 'Hello'): string {
return `${greeting}, ${name}!`;
}
const message = greet('Alice');