javascript - Backbone.js - スクリプトの読み込みエラー

Question

HTMLヘッダーにjquery.js、backbone.js、underscore.jsが含まれています（これらのファイルはブラウザから見ることができます）

 <script type='text/javascript'>
    (function($){
     var Student= Backbone.Model.extend({
          initialize: function(){
              console.log("studentis createrd");
          }
      });

        var students= Backbone.Collection.extend({
            model: Student
        });  

        console.log(students.models);
    })(jQuery);
</script>

このエラーメッセージが表示されました

更新:html ヘッダー

<script src="/static/js/jquery.js" type="text/javascript"> </script>
<script src="/static/js/backbone.js" type="text/javascript"></script>
 <script src="/static/js/underscore.js" type="text/javascript"></script>

Answer 1

まず、Backbone が適切にロードされていることを確認する必要があります --

順序は

   ---> jQuery
   ---> underscore
   ---> backbone

次に、コレクションの新しいインスタンスを作成する必要があります

インスタンスを作成する前に、モデルまたはコレクションを直接操作することはできません。

(function ($) {
    var Student = Backbone.Model.extend({  // Created a Student model
        initialize: function () {
            console.log("studentis createrd");
        }
    });

    var Students = Backbone.Collection.extend({  // Create a Students collection
        model: Student
    });

    var student = new Student(); // Create a instance of Student model

    var students = new Students(); // New instance of Students collection
    students.add(student);   // Add a model to the collection

    console.log(students.models);
})(jQuery);

フィドルをチェック

Answer 2

私のコメントによると：

バックボーン ファイルをインポートするのはいつですか?

バックボーンが機能するにはアンダースコアに依存しているため、バックボーンを適切にロードするには、Jquery -> Underscore -> Backbone が必要です。

Answer 3

jQueryとともにバックボーンをパラメータとして関数に渡す必要があると思います

 <script type='text/javascript'>
    (function($,Backbone){
     var Student= Backbone.Model.extend({
         initialize: function(){
            console.log("studentis createrd");
         }
      });

      var students= Backbone.Collection.extend({
         model: Student
      });  
     console.log(students.models);
      })(jQuery,Backbone);
</script>