Класс Javascript, обратный вызов свойства access [duplicate]

Question

Класс Javascript, обратный вызов свойства access [duplicate]

1

У меня есть следующий класс javascript, похожий на этот:

class ModalFormButton {

  constructor() {
    this.contactForm = new ContactForm();
    let utils = new Utils();
    this.$signupModal = $(utils.getModalTmpl());
  }

  loadContactForm() {
    this.$signupModal.modal();
    this.contactForm.load();
  }

  contactBtnHandler(e) {
    e.preventDefault();
    let utils = new Utils();
    var $t = $(this),
        $modalTitle = $t.data('modal-title'),
        $modalFormId = $t.data('modal-form-id');

    $('body').append(this.$signupModal);
    this.$signupModal.find('.modal-title').html($modalTitle);
    this.$signupModal.find('.modal-body').load($t.attr('href') + ' #' + $modalFormId,this.loadContactForm);
  };

  registerHandlers() {
    $('.modal-form-btn').click(this.contactBtnHandler);
  };

  load() {
    this.registerHandlers();
  };
}

Моя проблема заключается в том, что при contactBtnHandler у меня нет доступа к свойствам класса, потому что контекст принадлежит modal-form-btn. Я знаю, что могу решить это, используя функцию стрелки, но мне интересно, может ли ее разделить в функции логику в обратном вызове (вот краткий пример, но у меня есть более длинные функции) способом, подобным тому, который я есть с помощью.

Спасибо

xger86x 13 сен. 2017, в 19:01

Источник

0

Что вы подразумеваете под « отделить в функции логику в обратном вызове » - функция стрелки будет разделена логикой, не так ли?
Bergi 13 сен. 2017, в 16:30

Теги:

javascript

ecmascript-6

es6-class

2 ответа

2

Вы можете попробовать привязать "это" к вашему классу в обработчике обратного вызова

registerHandlers() {
    $('.modal-form-btn').click(this.contactBtnHandler.bind(this) );
  };

Rainer Plumer 13 сен. 2017, в 14:20

0

Да, привязка должна работать
4_55_4 13 сен. 2017, в 16:19

Ещё вопросы

Что вы подразумеваете под « отделить в функции логику в обратном вызове » - функция стрелки будет разделена логикой, не так ли?

Jonas Wilms · Accepted Answer · 2017-09-13T14-17-00.000Z

Можно было:

getHandler (){
  return e => {
    //this is ModalFormButton
  };
}

А потом:

 $('.modal-form-btn').click(this.getHandler());