Menu
Coddy logo textTech
НАЧАТЬ УЧИТЬСЯ
flag Ru iconРусскийdown icon

Встроенные аннотации типов объектов

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

Иногда вам нужно определить структуру объекта для одного конкретного случая использования. Вместо создания многоразового псевдонима типа или интерфейса, TypeScript позволяет вам определять форму объекта непосредственно там, где вы объявляете переменную. Это называется встроенной аннотацией типа объекта.

Синтаксис использует фигурные скобки для описания свойств объекта и их типов прямо в объявлении переменной:

let user: { name: string; id: number } = {
  name: "Alice",
  id: 123
};

Этот подход идеально подходит для одноразовых структур объектов, которые вы не планируете использовать повторно в других частях вашего кода.

challenge icon

Задание

Легко

Создайте переменную с именем student с инлайновой аннотацией типа объекта, которая определяет следующую структуру:

  • свойство name типа string
  • свойство studentId типа number
  • свойство isEnrolled типа boolean

Присвойте переменной следующие значения:

  • name: "Sarah Johnson"
  • studentId: 12345
  • isEnrolled: true

Создайте еще одну переменную с именем course с инлайновой аннотацией типа объекта, которая определяет следующую структуру:

  • свойство title типа string
  • свойство credits типа number
  • свойство instructor типа string

Присвойте переменной следующие значения:

  • title: "Introduction to TypeScript"
  • credits: 3
  • instructor: "Dr. Smith"

Выведите следующую информацию на отдельных строках:

  • Имя студента
  • ID студента
  • Название курса
  • Количество кредитов

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

// TODO: Напишите свой код здесь
// Создайте переменную student с аннотацией встроенного типа объекта
// Создайте переменную course с аннотацией встроенного типа объекта
// Выведите необходимую информацию
quiz iconПроверьте себя

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

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

1Начало работы с TS

Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS

4Работа с функциями

Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций

7Проект: Простой список задач

Проект: Определение структуры TaskФункция для добавления задачиУрок-проектФункция для изменения статуса задачиУрок-проектФункция: Список задач по статусуУрок-проектФункция: Печать сводки задачУрок-проектСобираем всё воединоУрок-проект

10Проект: Управление инвентарем

Проект: Универсальный предмет инвентаряФункция: Добавление предметов в инвентарьУрок-проектФункция поиска предмета по IDУрок-проектСоздание специфического типа инвентаряУрок-проектФункция получения информации о предметеУрок-проект

2Основные типы

Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам

5Типы: псевдонимы, объединения и пересечения

Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов

8Перечисления (Enums)

Что такое числовое перечисление?Использование числовых перечисленийЧто такое строковое перечисление?Использование строковых перечисленийГетерогенные перечисленияИтоги: использование перечислений

11Продвинутые темы

Утверждения типовType Guards: in и instanceofТип 'never'Nullable-типы ('strictNull')Индексные сигнатуры для объектовИтоги: Тонкая настройка типов

3Структуры данных: массивы и кортежи

Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежи

6Типизация объектов и интерфейсы

Встроенные аннотации типов объектовПсевдонимы типов для объектовВведение в интерфейсыИнтерфейсы против псевдонимов типовНеобязательные и Readonly свойстваРасширение интерфейсов и типовДобавление методов в интерфейсыИтоги: Определение структуры объектов

9Обобщения: первое знакомство

Проблема, которую решают обобщенияСоздание обобщенной функции IdentityИспользование обобщенной функцииОбобщенные массивыОбобщенные интерфейсыИтоги: практика по обобщенным функциям

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