Menu
CoddyTech

Тип возвращаемого значения 'void'

Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 24 из 73.

Когда функция выполняет действие, но не возвращает ничего значимого, вы используете тип возвращаемого значения void, чтобы явно указать на это намерение.

Тип void представляет отсутствие возвращаемого значения. Функции, которые записывают сообщения в лог, обновляют переменные или выполняют побочные эффекты, обычно используют void в качестве типа возвращаемого значения:

function logMessage(message: string): void {
  console.log(message);
}

function updateCounter(): void {
  counter++;
}

Хотя TypeScript часто может вывести, что функция возвращает void, явное добавление аннотации : void делает ваш код более читаемым и четко передает ваши намерения другим разработчикам.

challenge icon

Задание

Легко

Создайте функцию с именем 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"
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Введение в TypeScript

Потренируйтесь самостоятельно: Песочница TypeScript