Вступ до інтерфейсів TypeScript для початківців

Інтерфейси TypeScript є потужною функцією, яка дозволяє визначати структуру об’єктів, гарантуючи, що вони відповідають певним вимогам до форми. Цей посібник познайомить вас з основами інтерфейсів TypeScript, зокрема з тим, як їх визначати й ефективно використовувати.

Що таке інтерфейс?

Інтерфейс у TypeScript — це спосіб опису форми об’єкта. Це дозволяє визначити, які властивості та методи повинен мати об’єкт, а також їх типи. Інтерфейси допомагають забезпечити узгодженість і ясність коду.

Визначення інтерфейсу

Щоб визначити інтерфейс, використовуйте ключове слово interface, а потім назву інтерфейсу та форму об’єкта:

interface Person {
  name: string;
  age: number;
}

У цьому прикладі інтерфейс Person визначає, що об’єкт Person повинен мати name типу string і age типу число.

Використання інтерфейсів

Визначивши інтерфейс, ви можете використовувати його для перевірки типу об’єктів, параметрів функцій і повернення значень. Це гарантує відповідність об’єктів визначеній формі.

Використання інтерфейсу з об’єктами

Ось як використовувати інтерфейс Person для перевірки типу об’єкта:

const person: Person = {
  name: "Alice",
  age: 30
};

У цьому прикладі об’єкт person відповідає інтерфейсу Person, гарантуючи, що він має як name, так і age з правильними типами.

Використання інтерфейсів із функціями

Інтерфейси також можна використовувати для перевірки типу параметрів функції та повернення значень:

function greet(person: Person): string {
  return `Hello, ${person.name}!`;
}

У цьому прикладі функція greet приймає параметр типу Person і повертає вітальне повідомлення.

Додаткові властивості

Інтерфейси можуть містити додаткові властивості за допомогою модифікатора ?. Це вказує на те, що властивість може бути або не бути:

interface Person {
  name: string;
  age: number;
  email?: string;
}

У цьому прикладі email є необов’язковою властивістю, яка може або не може бути включена в об’єкт Person.

Властивості лише для читання

Ви також можете визначити властивості як доступні лише для читання, тобто їх не можна змінювати після ініціалізації:

interface Person {
  readonly name: string;
  age: number;
}

У цьому прикладі властивість name доступна лише для читання і не може бути змінена після встановлення.

Розширення інтерфейсів

Інтерфейси можуть розширювати інші інтерфейси, дозволяючи створювати існуючі форми:

interface Employee extends Person {
  employeeId: number;
}

У цьому прикладі інтерфейс Employee розширює інтерфейс Person, додаючи властивість employeeId.

Висновок

Інтерфейси TypeScript є фундаментальною функцією для визначення та застосування форм об’єктів у вашому коді. Використовуючи інтерфейси, ви можете забезпечити послідовність, покращити читабельність коду та використовувати потужні можливості перевірки типу TypeScript. Почніть вбудовувати інтерфейси у ваші проекти TypeScript, щоб створити більш надійний код, який зручно підтримувати.