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

Question

[Андрей Воронцов]

Всем привет! Typescript начал изучать недавно. Не понимаю почему TS ругается на это

interface IModel {
  readonly id: string                           // только для чтения
  color?: string                                   // необязательный
  [key: string]: string | undefined       // ключ любая строка
  setColor(str: string): void                 // ф-я с параметром string
}

подчеркивает setColor и пишет: "Property 'setColor' of type '(str: string) => void' is not assignable to 'string' index type 'string | undefined'."
Как правильно описать такой интерфейс без // @ts-ignore ?

Comments

[WbICHA]

Ты же сам написал:

[key: string]: string | undefined       // ключ любая строка

И тут же на следующей строке присваиваешь другой тип:

setColor(str: string): void                 // ф-я с параметром string

[Андрей Воронцов]

WbICHA,
так это же не один и тот же параметр, а разные.
т.е. совместить это никак не получится?

[WbICHA]

Андрей Воронцов,

так это же не один и тот же параметр, а разные.

Что значит "разные"? У тебя стоит условие на весь интерфес, что ключи могут быть только строками, а значение ключей могут быть только строками или индефайндами.

т.е. совместить это никак не получится?

Почему? Добавь соответствующий тип значениям ключей. Правда, непонятно зачем это всё вообще.

[Lynn «Кофеман»]

Мне кажется это ещё одно специальное усложнение со стороны TS, что бы ты не хотел пользоваться такими «плохими» структурами.

Answer 1

[black1277]

Попробуй так

interface IModel {
  readonly id: string
  color?: string
  [key: string]: string | undefined | Function
  setColor(str: string): void
}

Comments

[Андрей Воронцов]

так больше не показывает ошибку, но это не совсем то что нужно.
Мне нужно, чтобы setColor был функцией, а все остальные параметры только строкой. А пришлось добавлять undefined, чтобы color? перестал светиться ошибкой, теперь приходиться добавлять Function...