Блог

 abstract class Model {
    abstract class View extends ModelView<this>;

    getView(){
        return new View();
    }
}

abtract class ModelView<M extends Model> {}
  

 class Shape extends Model {
    View = class {
        constructor(){ console.log("view created"); }
    }
}
  

Я пытаюсь создать подобный код, который, на мой взгляд, хорошо структурирован.

Возможно ли это в react иметь класс как подкласс другого — и иметь его как абстрактное свойство (предпочтительно статическое).

Кажется, я понял это.

В TS подобный синтаксис attribute: Item { ... означает, что attribute это экземпляр класса Item . Если вы хотите attribute быть элементом класса (а не экземпляром), вы должны использовать синтаксис, подобный этому attribute: { new (...args): Item } {... . Итак, окончательный код должен выглядеть следующим образом:

 abstract class ModelView<M extends Model> {}


abstract class Model {
    public View: { new(...args): ModelView<Model> };

    getView(): ModelView<Model> {
        return new this.View();
    }
}
  

и затем в Shape классе вы можете сделать это:

 class Shape extends Model {
    View = class {
        constructor(){ console.log("view created"); }
    }
}
  

И код будет типобезопасным.

<a rel="noreferrer noopener nofollow" href="https://www.typescriptlang.org/play/index.html#src=abstract class ModelView {}

abstract class Model {
public View: { new(…args): ModelView };

getView(): ModelView {
return new this.View();
}
}

class Shape extends Model {
View = class {
constructor(){ console.log(«view created»); }
}
}» rel=»nofollow noreferrer»>Игровая площадка

——Отредактировано——

Если вы хотите, чтобы просмотр был статическим и доступным только для чтения, вам нужно немного изменить getView реализацию для этого:

 public static readonly View: { new(...args): ModelView<Model> };

getView(): ModelView<Model> {
    return new Model.View();
}

  

Вы просто ищете что-то вроде следующего?

 abstract class Model {

  // don't use "class" here; the type of a constructor has new(...) in it:
  abstract View: new () => ModelView<this>;

  getView() {
    return new this.View(); // View is an instance property, need "this"
  }
}

abstract class ModelView<M extends Model> { }

class Shape extends Model {
    View = class {
        constructor(){ console.log("view created"); }
    }
}
  

Если это соответствует вашим потребностям, отлично. Если нет, пожалуйста, отредактируйте свой вопрос, чтобы включить больше информации о вашем варианте использования. Надеюсь, это вам поможет. Удачи!