调试 OOP javascript [关闭]答案

【问题标题】：Debug OOP javascript [closed]调试 OOP javascript [关闭]
【发布时间】：2016-01-20 17:00:40
【问题描述】：

我有这个没有响应的 javascript 代码。我想知道如何在其中添加 console.log 或 alert 以确保流程进入方法内部。可能吗？我来自普通的 js :(

import Component from 'shared/component'; 
class TeacherShareAcademos {
  constructor(element) {
    this.$element = $(element);

    this.$form = this.$element.find('.teacherShareAcademos-form');
    this.$emailsInput = this.$element.find('.teacherShareAcademos-form-emails');
    this.$messageInput = this.$element.find('.teacherShareAcademos-form-message');
    this.$successAlert = this.$element.find('.teacherShareAcademos-form-flash--notice');
    this.$errorAlert = this.$element.find('.teacherShareAcademos-form-flash--alert');

    this.bindEvents();
  }

  bindEvents() {
    this.$form.on('ajax:send.teacherShareAcademos', $.proxy(this, 'handleSend'));
    this.$form.on('ajax:success.teacherShareAcademos', $.proxy(this, 'handleSuccess'));
    this.$form.on('ajax:error.teacherShareAcademos', $.proxy(this, 'handleError'));
  }

 unbindEvents() {
   this.$form.on('ajax:success.teacherShareAcademos');
   this.$form.on('ajax:error.teacherShareAcademos');
 }

 handleMessageSend() {
   this.resetAlerts();
   this.$successAlert.removeClass('hidden');
 }

 handleSend() {
   this.resetAlerts();
 }
}

TeacherShareAcademos.initialize = Component.initialize;
TeacherShareAcademos.unbindEvents = Component.unbindEvents;

export default TeacherShareAcademos;

【问题讨论】：

当然，您可以将呼叫放在您希望它发生的位置。不确定这里的问题/困难是什么？
这是可能的，但我建议您使用断点，并在到达它们时观察当前上下文。任何正确的浏览器都会提供这种可能性。
我的错误，该文件不能被调用，这就是为什么 console.log 没有工作。

标签： javascript oop

【解决方案1】：

您可以简单地将 console.log 放在您想要的任何行上，当代码执行各种功能时，console.log 将打印您想要的任何内容。

例如：

unbindEvents() {
   console.log('unbindEvents called!');
   this.$form.on('ajax:success.teacherShareAcademos');
   this.$form.on('ajax:error.teacherShareAcademos');
 }

【讨论】：