我该如何使用“这个”在我的主干视图中？

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

$.get() 中的 this 并不引用视图。

尝试：

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);
    });
}