Javascript类，访问属性回调

我有以下类似的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

时，我无法访问类属性，因为上下文属于

模态形式btn

。 我知道我可以用一个arrow函数来解决这个问题，但是我想知道是否可以用一个函数来分离回调函数中的逻辑（这里是一个简短的示例，但我有更长的函数），方法与我正在使用的方法类似

谢谢

您可以尝试在回调处理程序中将“this”绑定到您的类

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

我们可以做到：

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

然后：

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

---

是的，绑定应该是有效的“在函数中分离回调中的逻辑”是什么意思？箭头函数应该是分离的逻辑，不是吗？