4

バックボーン アプリに次のコードがあります。常に「$this」を割り当てるのではなく、「this」をコールバックにバインドする方法はありますか?

addItem: function()
{
    var $this = this;

    (new Project()).save({name:$('#project_name').val()},{
        success:function(model, response)
        {
            $this.collection.add(model);
        },
        error: function()
        {
            console.log('wtf');
        }
   });
}
4

1 に答える 1

9

_.bindアンダースコアが利用可能であるため、手動で次のことができます。

(new Project()).save({ name: $('#project_name').val() }, {
    success: _.bind(function(model, response) {
        this.collection.add(model);
    }, this),
    error: _.bind(function() {
        console.log('wtf');
    }, this)
});

_.bindまたは、コールバックおよび/または_.bindAllそれらのメソッドを使用するだけです。

initialize: function() {
    _.bindAll(this, 'success_callback', 'error_callback');
},
success_callback: function(model, response) {
    this.collection.add(model);
},
error_callback: function() {
    console.log('WTF?');
},
addItem: function() {
    (new Project()).save({ name: $('#project_name').val() }, {
        success: this.success_callback,
        error:   this.error_callback
    });
}
于 2012-06-23T07:49:25.813 に答える