3

Есть следующая задача.

Даны класс Rabbit и класс Hunter. Rabbit может менять свои координаты x и y. Нужно сделать так, чтобы при изменении координат охотники, созданные через конструктор вне зависимости от их количества могли получать эти координаты, то есть были подписаны на изменения в Rabbit. Код выглядит так:

'use strict';

class Rabbit {
  constructor(name) {
    this.name = name;
    this.x = 0;
    this.y = 0;
  }

  move() {
    this.x = (Math.random() * 100).toFixed(0);
    this.y = (Math.random() * 100).toFixed(0);
    console.log(this.x, this.y, this.name + ' ' + 'moved');
  }
}

class Hunter {
  constructor(name) {
    this.name = name;
  }
}

let rabbit = new Rabbit("Jonny");

rabbit.move();

let hunter1 = new Hunter("Ted");
let hunter2 = new Hunter("Billy");
let hunter3 = new Hunter("Greg");

Полагаю, что классу Hunter нужен какой-нибудь метод notification, а классу Rabbit передавался массив подписчиков, которым нужно передать данные, но как это реализовать, не пойму.

2 ответа 2

3

class Rabbit {
  constructor(name) {
    this.name = name;
    this.x = 0;
    this.y = 0;
    this.handlersMove = [];
  }

  move() {
    this.x = (Math.random() * 100).toFixed(0);
    this.y = (Math.random() * 100).toFixed(0);
    console.log(this.x, this.y, this.name + ' ' + 'moved');
    this.handlersMove.forEach(handler => handler(this));
  }
}

class Hunter {
  constructor(name) {
    this.name = name;
  }
  
  onGameMoves(game) {
    console.log(`${this.name} sees that ${game.constructor.name} ${game.name} moved to (${game.x}, ${game.y}).`);
  }
}

let rabbit = new Rabbit("Jonny");

let hunter1 = new Hunter("Ted");
rabbit.handlersMove.push(hunter1.onGameMoves.bind(hunter1));
let hunter2 = new Hunter("Billy");
let hunter3 = new Hunter("Greg");
rabbit.handlersMove.push(hunter3.onGameMoves.bind(hunter3));

rabbit.move();

2
  • А есть ли способ например сделать какой-то общий метод подписки для всех охотников? Например, чтобы можно было их легко подписывать и отписывать при любом количестве. Ведь если я правильно понимаю, то этот push надо после каждого объявления нового охотника делать. 22 янв 2019 в 23:25
  • @АлисаГулий Ну, можно завести глобальные (статические) списки всех охотников и всей дичи. Охотник в конструкторе будет подписываться ко всем существующим зайцам, а заяц в конструкторе будет подписывать к себе всех существующих охотников.
    – user176262
    22 янв 2019 в 23:30
2

Вы в своём вопросе на него же и ответили, воспользуйтесь шаблоном публикатор-подписчик.

Все это выглядит примерно так:

Где то в начале создаётся глобальный объект, назовём его broker который имеет 2 метода fire(отправить событие) и on(подписаться на событие)

let broker = new Broker();

Затем все Hunter при создании подписываются на событие rabbit-moved

broker.on("rabbit-moved", hunt)

Тут я предположил что у охотника есть метод hunt(eventContext) в котором находится код логики охоты

Когда произойдёт изменение координат какого либо Rabbit, то есть внутри вашего метода Rabbit.move() вы отправляете событие rabbit-moved

broker.fire("rabbit-moved", eventContext)

Вторым аргументом тут идёт объект, который будет содержать всю необходимую информацию об обработке этого события, в нашем случае это x и y наших кроликов.

Брокер отправляет это сообщение всем подписчикам,

введите сюда описание изображения

topic - на картинке выше, это имя нашего события

Сам брокер может отличаться тяжестью случая, самая простая версия выглядит примерно так


class Broker {
  constructor() {
    // массивы подписчиков привязанные к каждому топику
    this.subscribers = {};
  }

  // метод подписки
  on(topic, func) {
    if (!this.subscribers[topic])
      this.subscribers[topic] = [];
    this.subscribers[topic].push(func);
  }

  // метод оповещения подписчиков
  fire(topic, data) {
    if (this.subscribers[topic])
      this.subscribers[topic].forEach(l => l(data));
  }
}
   
// создаётся глобальный объект, который связывает публикаторов и подписчиков
let broker = new Broker();

class Rabbit {
  constructor(name) {
    this.name = name;
    this.x = 0;
    this.y = 0;
    this.handlersMove = [];
  }

  move() {
    this.x = (Math.random() * 100).toFixed(0);
    this.y = (Math.random() * 100).toFixed(0);
    // все кролики в момент перемещение публикуют событие
    broker.fire('rabbit-moved', this);
  }
}

class Hunter {
  constructor(name) {
    this.name = name;
    // все охотники подписаны на топик "rabbit-moved" 
    // и когда приходит данное событие вызывается метод hunt
    broker.on('rabbit-moved', data => this.hunt(data))
  }

  hunt(data) {
    console.log(`Hunter ${this.name}: I saw ${data.name} at ${data.x}:${data.y}`);
  }
}

// создаем 10 кроликов и 2 охотника
let rabbits = Array(10).fill(0).map((e, i) => new Rabbit(`Rabbit ${i+1}`));
new Hunter("Tom")
new Hunter("Max")


function moveRandomRabbit() {
  // перемещение случайного кролика в случайную точку
  rabbits[Math.floor(Math.random() * rabbits.length)].move();
}
<button onclick="moveRandomRabbit()">move random rabbit</button>

10
  • а брокер как будет следить за зайцами?
    – Grundy
    23 янв 2019 в 7:30
  • 1
    @Grundy ну я же написал, сами зайцы отправляют событие... "Когда произойдёт изменение координат какого либо Rabbit вы отправляете событие rabbit-moved", слегка подправил ответ 23 янв 2019 в 7:33
  • Отправляют в брокер? или брокер внутри зайца? можно схему как эти три класса между собой взаимодействуют?
    – Grundy
    23 янв 2019 в 7:43
  • @Grundy брокер - глобальный объект, все правильно, все про него знают и зайцы и охотники 23 янв 2019 в 7:44
  • 1
    @StrangerintheQ спасибо +1
    – Randall
    15 авг 2019 в 13:28

Ваш ответ

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

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