javascript - 未捕获的类型错误 : MyView is not a function

Question

我创建了 my-view.js 文件，如下所示:

(function (Backbone) {
  var MyView = Backbone.View.extend({
    className: 'card my-card',
    template: $('#my-template').html(),
    initialize: function(options) {
      this.render()
    },
    render: function() {
      var html = _.template(this.template);
      this.$el.html(html);
      return this;
    }
  });

  app.modules.MyView = MyView;
}(window.Backbone);

在app-controller.js中，我写了如下:

(function (Backbone) {
  var MyDayCardView = app.modules.MyView,  
  var AppController = Backbone.View.extend({
    initialize: function(){  
      var self = this;
    },
    appStart: function() {
      this.MyDayCardView = new MyDayCardView();
      self.$el.append(this.MyDayCardView.el);
    }
  });

  app.controllers.AppController = new AppController();    
}(window.Backbone);

然后我得到了错误:

Uncaught TypeError: MyView is not a function Backbone.View.extend.appStart @ app-controller.js:

我哪里做错了？

Answer 1

您有一些语法问题，请参阅下面的代码

var app={};
app.modules={};
app.controllers={};
// Add your javascript here
(function (Backbone) {
  var MyView = Backbone.View.extend({
    className: 'card my-card',
    template: $('#my-template').html(),
    initialize: function(options) {
      this.render()
    },
    render: function() {
      var html = _.template(this.template);
      this.$el.html(html);
      return this;
    }
  });

  app.modules.MyView = MyView;
}(window.Backbone));

(function (Backbone) {
  var MyDayCardView = app.modules.MyView,  
   AppController = Backbone.View.extend({
    initialize: function(){  
      var self = this;
    },
    appStart: function() {
      this.MyDayCardView = new MyDayCardView();
      self.$el.append(this.MyDayCardView.el);
    }
  });

  app.controllers.AppController = new AppController();    
}(window.Backbone));