Как узнать что метод у класса был вызван?

Question

[Яхья]

Добрый вечер! Приведу пример для простоты.

export class ABC {
  constructor(){...}
  open(){
    this.$el.classList.add("active")
  }
  close(){
    this.$el.classList.remove("active")
  }
}

import {ABC} from ...

let customSelect = new ABC("div", {...})

function log(){console.log(1)}

Как мне вызвать функцию log когда срабатывает метод close() у customSelect ?

Answer 1

[Сергей Соколов]

1. вызывать в самом методе close();
   
2. вызывать в инициаторе, который вызывает метод close();
   
3. из close выкидывать событие или window.postMessage() или ...
   

Много технических способов, непонятны ваши ограничения.

Comments

[Яхья]

customSelect.on('close', function () {
  console.log('close');
});

Приведи пожалуйста пример, как такое реализовать.

[Сергей delphinpro]

Яхья,

export class ABC {
  constructor(){
    this.callbacks = [
      'close' => [],
    ];
  }
  open(){
    this.$el.classList.add("active")
  }
  close(){
    this.$el.classList.remove("active")
    this.calbacks[event].forEach(cb => {
      cb();
    })
  }
  on(event, callabck) {
    this.calbacks[event].push(callback);
  }
}

let customSelect = new ABC("div");
customSelect.on('close', function () {
  console.log('close');
});

[Сергей Соколов]

Яхья, этот класс ABC – чьих будет от кого-то наследуется, или просто объявлен?

[Сергей Соколов]

Сергей delphinpro, там только this.calbacks["close"].forEach

[Яхья]

Сергей Соколов,
Просто объявлен, да получилось спасибо большое.

Так как у меня будет несколько экземпляров данного класса нужно ли как то отписываться от этих событий?
Не будут ли они конфликтовать?

[Сергей Соколов]

Яхья, попробуйте и узнаете ) Это бесплатно.

[Яхья]

и на том спасибо! )