backbone.js - backbone.js ビューでグローバル変数を使用することは可能ですか?

Question

backbone.js ビューでグローバル変数を使用することは可能ですか?

例:

var TodoView = Backbone.View.extend({

 counter: null ; // is this possible ?

 initialize: function(){ 

 this.render();

 },

 render: function(){



}


});

Answer 1

変数は、少なくとも3つの異なるスコープに簡単に格納できます。

• 各ビューインスタンスに固有の通常のインスタンス変数
  • これらは、ビューのthisオブジェクトのプロパティとして保存できます
  • 例：this.selectedItem = this.$el.find('.selected');
• ビューのすべてのインスタンスで共有されるクラスレベルの変数
  • これらは、Viewクラスのコンストラクター関数に格納できます
  • 例:(呼び出しTodoView.counter = 0;全体の後にそれを置きます）.extend
• 真のグローバル変数（はい、これらは悪いですが、あなたが尋ねたので）
  • オブジェクトを省略varするか、明示的に割り当てることで、これらをリークできますwindow
  • 例：window.appLaunchTime = new Date()

Answer 2

Peter が既に述べたことに加えて、作成した のすべてのインスタンスで使用可能なプライベート変数に相当するものを取得することに関心がある場合はTodoView、次のようなことができます。

(function () {
  var counter = 0; //This can be used now as a private variable inside TodoView

  window.TodoView = Backbone.View.extend({

    initialize: function(){ 
      this.render();
      counter += 1;
    },

    render: function(){
    }
  });
})();

Answer 3

静的スコープに入れてみてください

var TodoView = Backbone.View.extend({
TodoView.counter++//reference it this way
},{
 counter: null ;})

グローバル変数のように機能する場合があります