Menu
Coddy logo textTech

Типизация параметров и возвращаемых значений

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

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

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

function greet(name: string): string {
  return "Hello, " + name;
}

function multiply(a: number, b: number): number {
  return a * b;
}

Синтаксис следует простому шаблону: parameterName: type для каждого параметра и : returnType после закрывающей скобки.

challenge icon

Задание

Легко

Создайте функцию с именем add, которая принимает два параметра типа number и возвращает их сумму. Функция должна иметь явную аннотацию типа возвращаемого значения number.

Создайте еще одну функцию с именем getFullName, которая принимает два параметра: firstName типа string и lastName типа string. Функция должна возвращать полное имя в виде одной строки с пробелом между именем и фамилией. Добавьте явную аннотацию типа возвращаемого значения string.

Создайте третью функцию с именем isEligible, которая принимает два параметра: age типа number и hasLicense типа boolean. Функция должна возвращать true, если человеку 18 лет или больше И у него есть лицензия, в противном случае возвращать false. Добавьте явную аннотацию типа возвращаемого значения boolean.

Протестируйте свои функции, вызвав их со следующими значениями и выведя результаты:

  • Вызовите add с 15 и 27
  • Вызовите getFullName с "John" и "Smith"
  • Вызовите isEligible с 20 и true
  • Вызовите isEligible с 16 и true

Выведите каждый результат на отдельной строке в порядке, указанном выше.

Попробуйте сами

// TODO: Напишите свой код здесь
// Создайте функцию add с явным указанием типа возвращаемого значения

// Создайте функцию getFullName с явным указанием типа возвращаемого значения

// Создайте функцию isEligible с явным указанием типа возвращаемого значения

// Протестируйте функции и выведите результаты
// Вызовите add с 15 и 27
// Вызовите getFullName с "John" и "Smith"
// Вызовите isEligible с 20 и true
// Вызовите isEligible с 16 и true
quiz iconПроверьте себя

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

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

Потренируйтесь самостоятельно: Онлайн-компилятор JavaScript