バックボーン：キャッチされていないタイプのエラー：..はコンストラクタではありません

Question

私はバックボーンとJavaScriptを学んでいます。私は1つのエラーで立ち往生しており、このエラーは純粋なjavascriptと関連していて、バックボーンではないかもしれません。

バックボーンのチュートリアル（requireJSは使用しません）を行っているうちに、以下のコード行が見つかりました。

var FirstSubViewModel = Backbone.View.extend({ 
    render: function() { 
    var source = $("#vehicleTemplate").html(); 
    var template = _.template(source); 

    this.$el.html(template(this.model.toJSON())); 
    this.$el.attr("data-color", this.model.get("color")); 

    return this; 
}, 
    }); 

コードreturns thisが明らかです。そして、すべて正常に動作します。

は、今私は自分のコードベースで同じことをやろうとしています（私が使用しているrequire.JS

マイビューモデル：エラーで：

define(['backbone'], function(Backbone) { 
    var FirstSubViewModel = Backbone.View.extend({ 
    template: _.template($('#myChart-template').html()), 
    render: function() { 
     $(this.el).html(this.template()); 
     var ctx = $(this.el).find('#lineChart')[0]; 
     return this; 
}, 
    initialize: function() { 
     this.render(); 
    } 
    }); 
}); 

私のコントローラを動作しません：

define(['backbone', 'FirstSubViewModel'], function(Backbone, FirstSubViewModel) 
{ var ch = new dashboardModel.chart({}); 
     new FirstSubViewModel({ 
       ^^ HERE I GET ERROR 
     el: '#chartAnchor1', 
      model: ch 
     }); 
}); 

マイビューモデル：完全に正常に動作し

define(['backbone'], function(Backbone) { 
     var FirstSubViewModel = Backbone.View.extend({ 
     template: _.template($('#myChart-template').html()), 
     render: function() { 
      $(this.el).html(this.template()); 
      var ctx = $(this.el).find('#lineChart')[0]; 
      // return this; Commented Out!** 
    }, 
     initialize: function() { 
      this.render(); 
     } 
     }); 
return FirstSubViewModel; 
    }); 

問題：return FirstSubViewModelをレンダリング機能で返すのではなく、下部に使用するとすべて正常に機能します。しかし、私はreturn thisをrender functionで試してみたいと思っています。私は最終的にreturn FirstSubViewModelをしたいとは思わない。使用するときに、レンダリング機能に「これを返す」

エラー：

FirstSubViewModelは

Answer 1

最終リターンが他のモジュールに含まれ、この場合には必要なものを定義し、コンストラクタではありません。これがなければこのモジュールはundefinedを返します。

x = undefined 
new x() 

TypeError: x is not a constructor

return FirstSubViewModelは必須です：

はコンソールで試すことができます。レンダー機能のreturn thisをお勧めします。

コード：

define(['backbone'], function (Backbone) { 
    var FirstSubViewModel = Backbone.View.extend({ 
     template: _.template($('#myChart-template').html()), 
     render: function() { 
      console.log("inside first sub view render"); 
      $(this.el).html(this.template()); 
      var ctx = $(this.el).find('#lineChart')[0]; 
      return this; 

     }, 
     initialize: function() { 
      this.render(); 
     } 
    }); 

    return FirstSubViewModel; // Works as expected. 
});