1

Есть интерфейс:

interface Helpers {
  props: HelpersProps;
  appConstants: AppConstants;

  log(data: string[]): boolean;
}

Есть класс:

class Helpers implements Helpers {
  constructor(props) {
    const { appConstants } = props;

    this.appConstants = appConstants;
  }

  log(...data) {
    ... Тут код.

    return true;
  }
}

Вопрос:

1)Почему props и ...data имеют тип any? Implements влияет?

Я понимаю, что можно задать типы "по месту" (log(...data: string[]) {), но для чего тогда интерфейс?

13
  • 2
    интерфейс нужен, чтобы проверить, что все указано правильно. props имеет тип any потому что ты не указал другой тип. Обрати внимание, что в интерфейсе нет конструктора, из которого мог бы вывестись тип. Так как props - это any , то и все что из него получается тоже будет any
    – Grundy
    27 сен 2021 в 9:38
  • 1
    в интерфейсе указано поле props, которое в классе вообще отсутствует.
    – Grundy
    27 сен 2021 в 9:57
  • 1
    интерфейс по определению - это только публичные методы и свойства.
    – Grundy
    27 сен 2021 в 10:02
  • 1
    Класс реализует интерйес (implements), а не интерфейс применяется к классу. Интерфейс задаёт контракт для какого-то места, где требуется использование объекта. Он вообще не для класса. Ваш класс сейчас не реализует интерфейс, если не считать, что any подходит для всего. А чтобы реализовал, нужно писать в классе соответствующие типы. Тогда он будет подходить под интерфейс, и соответственно под то место, где требуется объект с таким интерфейсом. И в таком месте никогда не требуется конструктор, поэтому его в интерфейсах нет.
    – user347472
    27 сен 2021 в 10:04
  • 1

1 ответ 1

1

Представленный код абсолютно бесполезен(за некоторым исключением). TypeScript очень своеобразно обрабатывает ссылки на типы, ... и, по большому счету, для него не важно type|interface|class.

Попробуйте изменить имя интерфейса на IHelpers, и сразу увидите ошибку неверной реализации. Попробуйте изменить ключевое слово interface на type, ...Ой, он вдруг стал интерфейсом.

Одноименные интерфейсы и классы сообщают компилятору о смешивании типа:

// Декларируем одноименный интерфейс
interface Helpers {
  print(): void
}

class Helpers {
  log(): void {
    // ...
  }
}

const h = new Helpers()
h.log()
// Удивительное дело, метод не реализован, но присутствует в типе.
// TypeScript, при этом, не воспринимает это ошибкой.
h.print()

Playground

Резюмируя можно сказать:
Одноименными интерфейсами мы сообщаем о наличии тех или иных свойств типа, которые могут быть реализованы не в нашем коде, а сторонним движком/приложением. Собственно в файлах lib.*.d.ts и описаны интерфейсы стандартных типов JS.

PS: Кроме того, подобное поведение позволяет легко расширять библиотеку типов, когда файл lib.2015.d.ts расширяется lib.2021.d.ts.

PPS: ... а нам это может понадобится, для добавления кастомных свойств стандартным типам.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.