0Pricing
TypeScript Academy · Урок

Обобщённые функции и ограничения (extends, параметры по умолчанию)

Создавайте обобщённые функции, добавляйте ограничения с помощью extends и используйте параметры типов по умолчанию для удобных API.

«Обобщённые функции и ограничения (extends, параметры по умолчанию)» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 1 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 3 уроков всего.

Введение

Цель: сделать функции повторно используемыми и типобезопасными с помощью обобщений. Вы определите параметры типов, добавите ограничения extends и зададите параметры типов по умолчанию для улучшения DX.

Обобщение-идентичность

Определите параметр типа <T>. Компилятор выводит T из аргументов, поэтому вызывающему коду редко нужно указывать его явно.

function identity<T>(x: T): T {
  return x;
}

const a = identity(42);    // T inferred as number
const b = identity("ts"); // T inferred as string
console.log(a, b);

Ограничение с extends

Используйте extends, чтобы потребовать определённую структуру (например, id). Благодаря структурной типизации T может включать дополнительные поля.

function getId<T extends { id: number }>(item: T): number {
  return item.id;
}

getId({ id: 1, name: "Ada" }); // OK (has id)
// getId({ name: "Lin" });    // Error: missing id

Ограничение keyof

Ограничьте K с помощью keyof T, чтобы разрешить только имена свойств из T. Возвращаемый тип — это тип свойства T[K].

function pluck<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

const user = { id: 7, name: "Neo" };
const v1 = pluck(user, "name"); // string
const v2 = pluck(user, "id");   // number
console.log(v1, v2);

Параметры типов по умолчанию

Параметры типов по умолчанию сокращают шаблонный код. В распространённых случаях вызывающий код может не указывать <T>, но при необходимости всё же переопределить его.

interface Box<T = string> {
  value: T;
}

const aBox: Box = { value: "hi" };       // T defaults to string
const nBox: Box<number> = { value: 123 }; // explicit override
console.log(aBox.value, nBox.value);

Советы

Советы:

  • Позвольте выводу типов выполнять работу; избегайте избыточных аннотаций T.
  • Добавляйте extends только тогда, когда реализации нужны члены T.
  • Задавайте значения по умолчанию для удобных распространённых случаев.

Проверка ограничения

Быстрая проверка: Что гарантирует T extends { id: number }?

Итоги

Итоги: Определяйте обобщённые функции, задавайте ограничения с помощью extends и устанавливайте параметры типов по умолчанию, чтобы API оставались гибкими и удобными.

Часто задаваемые вопросы

Урок «Обобщённые функции и ограничения (extends, параметры по умолчанию)» бесплатный?

Да — полный текст урока «Обобщённые функции и ограничения (extends, параметры по умолчанию)» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Обобщённые функции и ограничения (extends, параметры по умолчанию)»?

Создавайте обобщённые функции, добавляйте ограничения с помощью extends и используйте параметры типов по умолчанию для удобных API. Ты практикуешь TypeScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать TypeScript Academy?

Предыдущий опыт не требуется. TypeScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 3.

Сколько времени занимает урок «Обобщённые функции и ограничения (extends, параметры по умолчанию)»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке TypeScript Academy?

Да. Каждый урок TypeScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Обобщённые функции и ограничения (extends, параметры по умолчанию)
  2. Partial, Readonly, Record, Pick и Omit
  3. keyof и типы индексированного доступа (введение)
← Назад к TypeScript Academy