Типизация параметров и возвращаемых значений
Часть раздела Введение в 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 после закрывающей скобки.
Задание
ЛегкоСоздайте функцию с именем 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В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Онлайн-компилятор JavaScript