Как такое типизировать?

Question

[Сергей Ержович]

class BaseComponent {
  constructor(props) {
    this.data = this.constructor.data(props)
  }
}

class MyComponent extends BaseComponent {
  static data = ({ message = 'Hello World' }) => ({
    message,
    color: 'black'
  })
}

const gg = new MyComponent({
  /* need types */
  message: 'Hello from MyComponent'
})

console.log(/* need types */ gg.data)

Онлайн пример: https://www.typescriptlang.org/play?#code/MYGwhgzh...

и нормальный ли вообще подход ?

Comments

[WbICHA]

Это фигня какая-то и самое главное непонятно зачем всё это надо?
В любом случае тут как не крути всё равно полноценно типизацию не сделаешь.

[Сергей Ержович]

WbICHA, почему фигня ? какие минусы/плюсы у такого подхода?
есть предложения альтернативы такому подходу ?

[WbICHA]

Сергей Ержович, а какие есть плюсы у данного подхода? Хотя бы один.
А альтернатив любая другая имплементация. От функций, до обычных методов.

[Сергей Ержович]

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

[Aetae]

Это не реально в рамках TS. Из-за структурной типизации тип инстанса класса не имеет никакой связи с типом самого класса окромя названия, а потому не может никаким образом ссылаться на статические свойства.

[WbICHA]

Сергей Ержович, короче, мне лень. На работе времени нет, а дома желания. Поэтому сделал банально: https://www.typescriptlang.org/play?ssl=13&ssc=42&...
В целом, я не люблю ооп, поэтому даже это всрато, по факту, но с типами проблем нет и просто имплементится.

Answer 1

[GeminiX]

class BaseComponent<T> {
  data: T
  constructor(props: T) {
    this.data = props
  }
}

interface IExample {
  text: string
  num: number
  obj: object
}

class MyComponent extends BaseComponent<IExample> {
  data:IExample ={
    text:'',
    num:1,
    obj:{}
  }
}

const gg = new MyComponent({
    text:'',
    num:1,
    obj:{}
  })

console.log(gg.data)

Comments

[Сергей Ержович]

Спс за пример, ну тут как бы только data без пропсов.

[GeminiX]

Сергей Ержович, может словами тогда напишете, что вы хотите получить в итоге?