Как применить интерфейс к классу в typescript?

Пользователь

от ciara , в категории: JavaScript , год назад

Как применить интерфейс к классу в typescript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jedidiah.brown , год назад

@ciara 

Пользователь

от ludie , 4 месяца назад

@ciara 

В TypeScript интерфейсы могут использоваться для определения структуры класса. Для применения интерфейса к классу следует использовать ключевое слово implements.


Например, предположим, что у нас есть интерфейс Person с полями name и age, и класс Employee, который хочет реализовать этот интерфейс. Мы можем сделать это следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
interface Person {
  name: string;
  age: number;
}

class Employee implements Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

const employee = new Employee("John Doe", 30);
console.log(employee.name); // "John Doe"
console.log(employee.age); // 30


Обратите внимание, что класс Employee должен реализовать все поля, определенные в интерфейсе Person. Если класс не реализует все поля, будет выдана ошибка компилятора TypeScript.