Функция инициализации Backbone.js - зачем мне это нужно?

Question

Я недавно пробовал использовать Backbone и хотел задать основной вопрос. Эта точка зрения рендеринга, как и следовало ожидать:

(function($){ 

var ListView = Backbone.View.extend({ 
tagName: 'div', 
el: $('header'), 

initialize: function(){ 
    _.bindAll(this, 'render'); 

    this.render(); // not all views are self-rendering. This one is. 
}, 


render: function(){ 
    $(this.el).html("<ul> <li>hello world</li> </ul>"); 
} 
}); 

    var listView = new ListView(); 
})(jQuery); 

Мой вопрос, почему я не могу просто обойтись без функции инициализации и поставить это:

(function($){ 


var ListView = Backbone.View.extend({ 
tagName: 'div', 
el: $('header'), 


render: function(){ 
    $(this.el).html("<ul> <li>hello world</li> </ul>"); 
} 
}); 

this.render(); //No html is rendered on the page 


var listView = new ListView(); 
})(jQuery); 

Я посмотрел в источнике код и функция инициализации по умолчанию были пустой функцией, что меня удивляло. Я чувствую, что ответ довольно прямолинейный, был бы оценен мудростью более опытного разработчика Backbone.js. Благодаря!

Answer 1

Я думаю, проблема в том, что в точке, которую вы вызываете this.render(), «это» относится к контексту модуля, а не к представлению «Магистральный вид». Если вы реорганизуете код для удаления строки this.render() и добавьте listView.render() после создания экземпляра listView, он должен решить проблему.

Таким образом, в этом случае вам не нужна функция initialize.

Answer 2

Try This

(function ($) { 
    var ListView = Backbone.View.extend({ 
     tagName: 'div', 
     el: $('header'), 
     render: function() { 
      $(this.el).html("<ul> <li>hello world</li> </ul>"); 
     } 
    }); 

    var listView = new ListView(); 
    // Call render on the view instance 
    listView.render(); 
})(jQuery);