Как лучше реализовать архитектуру MVC/MVP?

Евгений Шатунов, Данные, полученные в виде с помощью подписчика пересылаются в контроллер, контроллер вызывает метод модели, изменяющий данные, модель оповещает контроллер о своем изменении, и контроллер вызывает метод вида для изменения вида у клиента.

Контроллер - презентер.

Как лучше реализовать архитектуру MVC/MVP?

Евгений Шатунов, Вид разделён на компоненты. Когда я что-то делаю мышкой в приложении - эти изменения принимает тот компонент, который меняют(Вид). Там же, в компонентах(в виде), я считаю на сколько этот компонент изменился по сравнению с предыдущим состоянием.

При все подсчетах я обращаюсь к объекту, который создал. В процессе подсчетов я также изменю этот объект, чтобы в нем была актуальная информация.

Контроллер я использую как проводник между Видом и Моделью.

А кому они тогда нужны (опять же, из триады)? И кто с ними работает? Кто эти служебные данные генерирует и куда передает?

Они нужны только для компонентов(вид). Ведь зачем мне передавать текущее положение компонента относительно окна в базу данных? Если их помещать в Модель, то при малейшем изменении одного из компонентов, в модель будет передаваться все данные, даже те, которые не нужны. А это очень ресурсоемко.

Как динамически добавить метод в класс, внутри этого же класса?

ned4ded, Спасибо! Буду исправлять!

Как динамически добавить метод в класс, внутри этого же класса?

ned4ded, Конечно, это можно сделать в компоненте, без проблем, но хотелось бы оставить так.

Как динамически добавить метод в класс, внутри этого же класса?

export class DomListener { // abstract class
  $root: Dom
  listeners: Array<string>
  constructor($root: Dom, listeners = []) {
    if (!$root) {
      throw new Error(`no ${$root}`)
    }
    this.$root = $root
    this.listeners = listeners
  }

  initDOMListeners() {
    this.listeners.forEach(list => {
      const method = capitalize(list)
      this[method] = this[method].bind(this)
      this.$root.on(list, this[method])
    })
  }

Потом класс SliderComponent наследуется от этого класса.
Затем компоненты:

export class Scale extends SliderComponent {
  static className = 'slider__scale'
  constructor(emitter, $root, values) {
    super(emitter, $root, {
      name: 'scale',
      listeners: ['click']
    }, values)
  }

Onclick() {} // Этот метод доступен благодаря initDomListeners

* Этот класс не переведен в TS

Т.е. я передаю в компоненты массив listeners(click), он с помощью функции capitalize делает onClick, биндю в тот компонент, где это выполняется, с помощью функции on(addEventListeners) добавляю этот метод в класс. Просто декомпозиция логики, чтобы не громоздить в компоненты

В чистом js все работает отлично и красиво) Вот переписываю на TS и не могу добавить метод

Как динамически добавить метод в класс, внутри этого же класса?

ned4ded, Это для наследующихся классов. Когда в наследуемых классах вызывается метод, который я добавляю таким способом, this инициализируется неправильно, то есть не на тот класс, в котором выполняется метод. А так я биндю методы под класс, в котором они будут выполняться.

Почему клик по ссылке срабатывает со второго раза?

Смысл на мобильных оставлять, если он там мешает?

Как реализовать паттерн Наблюдатель?

Пока что в образовательных целях, на чистом Js. Спасибо!)

Как реализовать паттерн Наблюдатель?

Спасибо!

Почему не перезаписывается глобальная переменная в функции?

Спасибо! Т.е. сократить решение не получится? Только копировать код с разными переменными?