Псевдонимы типов и интерфейсы

Добро пожаловать на следующий урок! На этом уроке вы узнаете о псевдонимах типов и интерфейсах в TypeScript, включая их различия, сходства и случаи применения. Давайте начнём!

Что такое псевдонимы типов?

Псевдоним типа позволяет определить собственное имя для типа. Он может представлять примитивные типы, объекты или даже сигнатуры функций.

Пример:

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

type Point = {
  x: number;
  y: number;
};

let point: Point = { x: 10, y: 20 };
console.log(point); 
// Output: { x: 10, y: 20 }

Что такое интерфейсы?

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

Пример:

Задание: Создайте интерфейс для профиля пользователя и используйте его для определения переменной.

interface Point {
  x: number;
  y: number;
}

let point: Point = { x: 5, y: 15 };
console.log(point); 
// Output: { x: 5, y: 15 }

Псевдонимы типов и интерфейсы: сходства

Псевдонимы типов и интерфейсы имеют некоторые общие возможности:

• Оба могут описывать структуру объекта.
• Оба можно использовать для задания типов функций.
• Оба поддерживают расширение других типов.

Пример: тип функции:

Задание: Определите псевдоним типа и интерфейс для функции и используйте их.

type Add = (a: number, b: number) => number;
interface Subtract {
  (a: number, b: number): number;
}

let add: Add = (x, y) => x + y;
let subtract: Subtract = (x, y) => x - y;

console.log(add(5, 3)); 
// Output: 8
console.log(subtract(5, 3)); 
// Output: 2

Псевдонимы типов и интерфейсы: различия

Вот основные различия:

• Интерфейсы: могут объединяться (слияние объявлений).
• Псевдонимы типов: не могут объединяться.
• Псевдонимы типов: могут задавать типы объединения и пересечения.
• Интерфейсы: в основном предназначены для описания структуры объектов.

Пример: типы объединения с псевдонимами типов:

Задание: Используйте псевдоним типа, чтобы определить тип объединения, и присвойте переменной разные значения.

type StringOrNumber = string | number;

let value: StringOrNumber = "Hello";
value = 42;
// value = true; 
// Error: Type 'true' is not assignable to type 'StringOrNumber'.

Расширение типов и интерфейсов

И псевдонимы типов, и интерфейсы могут расширять другие типы:

• Интерфейсы: используют ключевое слово extends.
• Псевдонимы типов: используют пересечения (&).

Пример:

Задание: Расширьте псевдоним типа и интерфейс, чтобы создать новые типы.

interface Animal {
  name: string;
}

interface Dog extends Animal {
  breed: string;
}

type Bird = Animal & { canFly: boolean };

let myDog: Dog = { name: "Buddy", breed: "Golden Retriever" };
let myBird: Bird = { name: "Parrot", canFly: true };

console.log(myDog, myBird);

Слияние объявлений

Интерфейсы поддерживают слияние объявлений: несколько объявлений интерфейса с одним и тем же именем объединяются в одно. Псевдонимы типов не поддерживают эту возможность.

Пример:

Задание: Создайте два объявления интерфейса с одним и тем же именем и проверьте слияние объявлений.

interface Person {
  name: string;
}

interface Person {
  age: number;
}

let person: Person = { name: "Alice", age: 30 };
console.log(person); 
// Output: { name: "Alice", age: 30 }

Когда что использовать

Вот несколько рекомендаций:

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

Совет: Выбирайте вариант, который лучше всего подходит для вашей задачи, чтобы код оставался понятным и единообразным!

Отличная работа!

Поздравляем! Вы узнали о сходствах и различиях между псевдонимами типов и интерфейсами в TypeScript, а также о том, когда использовать каждый из них. В следующем уроке мы изучим продвинутые возможности TypeScript, например условные типы. Продолжим писать код!