Итоги: Определение структуры объектов
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 44 из 73.
Задание
ЛегкоСоздайте интерфейс с именем Computer со следующими свойствами и методами:
idтипаnumber(только для чтения)brandтипаstringramInGBтипаnumber(необязательно)isLaptopтипаboolean- метод
boot, который не принимает параметров и возвращаетvoid
Создайте интерфейс с именем Server со следующими свойствами и методами:
hostnameтипаstring(только для чтения)operatingSystemтипаstringmaxConnectionsтипаnumber(необязательно)isOnlineтипаboolean- метод
restart, который не принимает параметров и возвращаетvoid - метод
getStatus, который не принимает параметров и возвращаетstring
Используя ваши интерфейсы, создайте следующие переменные:
- Создайте переменную с именем
workstationтипаComputerс id1001, brand"Dell", ramInGB16, isLaptopfalseи методомboot, который выводит"Dell workstation is booting up..." - Создайте переменную с именем
laptopтипаComputerс id1002, brand"MacBook", isLaptoptrueи методомboot, который выводит"MacBook laptop is starting..." - Создайте переменную с именем
webServerтипаServerс hostname"web-01", operatingSystem"Ubuntu", maxConnections1000, isOnlinetrue, методомrestart, который выводит"Restarting web-01 server...", и методомgetStatus, который возвращает"web-01 is online"
Создайте функцию с именем checkComputerSpecs, которая принимает параметр типа Computer и возвращает string. Функция должна возвращать бренд и тип компьютера в формате "[brand] [laptop/desktop]" (используйте "laptop", если isLaptop равно true, в противном случае используйте "desktop").
Создайте функцию с именем getServerInfo, которая принимает параметр типа Server и возвращает string в формате "[hostname] runs [operatingSystem]".
Выведите следующие результаты на отдельных строках:
- Вызовите метод
bootуworkstation - Вызовите метод
bootуlaptop - Вызовите
checkComputerSpecsсworkstationи выведите результат - Вызовите
checkComputerSpecsсlaptopи выведите результат - Вызовите метод
getStatusуwebServerи выведите результат - Вызовите
getServerInfoсwebServerи выведите результат - Выведите id переменной
workstation - Вызовите метод
restartуwebServer
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте интерфейс Computer с необходимыми свойствами и методами
// Создайте интерфейс Server с необходимыми свойствами и методами
// Создайте переменные workstation, laptop и webServer
// Создайте функции checkComputerSpecs и getServerInfo
// Выведите все необходимые результатыВсе уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежи6Типизация объектов и интерфейсы
Встроенные аннотации типов объектовПсевдонимы типов для объектовВведение в интерфейсыИнтерфейсы против псевдонимов типовНеобязательные и Readonly свойстваРасширение интерфейсов и типовДобавление методов в интерфейсыИтоги: Определение структуры объектовПотренируйтесь самостоятельно: Песочница TypeScript