javascript - this の代わりにウィンドウのバックボーン スコープ

Question

Backbone オブジェクトではなくウィンドウとしてログを記録するのはなぜですか?

App.Models.Site = Backbone.Model.extend({
    url: 'assets/json/app.json',

    initialize: function(){
        this.fetch({success:this.success});
    },

    success: function(){
        console.log('success', this.attributes); // log's: success undefined
        console.log(this); // window
    }
});

Answer 1

関数はjQuery（または使用するDOMライブラリ）ajax関数によって呼び出されるためです。

使用するthis.fetch({success:_.bind(this.success, this)});

Answer 2

fetch 関数の success 属性の「this」は、バックボーン ビュー スコープにはもうありません。回避策は、

var that = this;

そして、以下のようにフェッチ成功属性で「それ」を使用します。

var that = this;
this.fetch({success: that.success});

Answer 3

this次のように初期化関数をバインドする必要があるためです。

App.Models.Site = Backbone.Model.extend({
    url: 'assets/json/app.json',

    initialize: function(){
        _.bindAll(this, 'success'); // Ensure the 'success' method has the correct 'this'
        this.fetch({success:this.success});
    },

    success: function(){
        console.log('success', this.attributes);
        console.log(this); // this is now correctly set
    }
});