如何在骨干網視圖中使用“ this”？

Question

var homeView = Backbone.View.extend({
        el:  $("#main_container"),
        initialize: function(){
            _.bindAll(this, 'render');
        },
        render:function(){
            $.get('/home', {}, function(data){
                console.log(data);
                var tpl = _.template(home_container_temp, {});
                this.el.html(tpl);
            });
        }
    });

我想執行一個ajax GET請求，然后設置數據。 但是我做不到，因為我得到了：

Uncaught TypeError: Cannot call method 'html' of undefined

Answer 1

this里面的$.get()是不是指的視圖。

嘗試：

var homeView = Backbone.View.extend({
    el:  $("#main_container"),
    initialize: function(){
        _.bindAll(this, 'render');
    },
    render:function(){
        var $el = this.el;
        $.get('/home', {}, function(data){
            console.log(data);
            var tpl = _.template(home_container_temp, {});
            $el.html(tpl);
        });
    }
});

Answer 2

這是“動態this ”的JavaScript功能，如果要在回調中使用“ this”，請將其保留在回調外部的變量中：

render: function() {
    var _this = this; // keep it outside the callback
    $.get('/home', {}, function(data){
        console.log(data);
        var tpl = _.template(home_container_temp, {});
        // use the _this variable in the callback.
        _this.el.html(tpl);
    });
}