Тип возвращаемого значения 'void'
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 24 из 73.
Когда функция выполняет действие, но не возвращает ничего значимого, вы используете тип возвращаемого значения void, чтобы явно указать на это намерение.
Тип void представляет отсутствие возвращаемого значения. Функции, которые записывают сообщения в лог, обновляют переменные или выполняют побочные эффекты, обычно используют void в качестве типа возвращаемого значения:
function logMessage(message: string): void {
console.log(message);
}
function updateCounter(): void {
counter++;
}Хотя TypeScript часто может вывести, что функция возвращает void, явное добавление аннотации : void делает ваш код более читаемым и четко передает ваши намерения другим разработчикам.
Задание
ЛегкоСоздайте функцию с именем displayWelcome, которая принимает параметр userName типа string и имеет явно указанный тип возвращаемого значения void. Функция должна выводить приветственное сообщение в консоль в формате: "Welcome to our application, [userName]!"
Создайте еще одну функцию с именем logError, которая принимает параметр errorMessage типа string и имеет явно указанный тип возвращаемого значения void. Функция должна выводить сообщение об ошибке в консоль в формате: "ERROR: [errorMessage]"
Создайте третью функцию с именем processData, которая не принимает параметров и имеет явно указанный тип возвращаемого значения void. Функция должна вывести сообщение "Processing data..." в консоль, а затем вывести "Data processing complete." на новой строке.
Протестируйте свои функции, вызвав их в следующем порядке:
- Вызовите
displayWelcomeс аргументом"Alice" - Вызовите
processDataбез аргументов - Вызовите
logErrorс аргументом"Invalid input detected" - Вызовите
displayWelcomeс аргументом"Bob"
Каждый вызов функции должен выводить результат на отдельной строке в порядке, указанном выше.
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте функцию displayWelcome, которая принимает userName (string) и возвращает void
// Создайте функцию logError, которая принимает errorMessage (string) и возвращает void
// Создайте функцию processData, которая не принимает параметров и возвращает void
// TODO: Вызовите функции в указанном порядке:
// 1. displayWelcome с "Alice"
// 2. processData без аргументов
// 3. logError с "Invalid input detected"
// 4. displayWelcome с "Bob"В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Песочница TypeScript