初始化主干视图时

Question

如何才能在每次初始化backbone.js 视图时运行一个函数？

我正在寻找可以放在正常视图代码之外的东西，作为backbone.js 的扩展。

这个想法是减少样板文件的数量。

Answer 1

由于 Javascript 不是真正的面向对象编程语言，因此您不能像 java 或 c# 那样使用继承来解决问题。

一种可能的解决方案是使用工厂设计模式。

您可以调用工厂方法来实例化视图，而不是直接实例化视图。

var viewFactory = function(view, viewOptions) {
  //perform your boilerplate code
  return new view(viewOptions);
}

AView = Backbone.View.extend({});

var person = new Backbone.Model({name: 'Paul'});
var view = viewFactory(AView, { model: person });

这是一个 jsfiddle 示例

它不是其他语言可能的优雅解决方案，但它确实工作。

Answer 2

使用内置的backbone.js初始化函数：

http://documentcloud.github.com/backbone/#视图构造函数

var ItemView = Backbone.View.extend({
  initialize: function(){
    alert('View Initialized');
  }
});

编辑：我应该更清楚。

用 Patrick Ewing 的话说，这里http://podcast.rubyonrails.org/programs /1/episodes/railsconf-2007:

“如果它像鸭子一样走路并且像鸭子一样说话，那么它就是一只鸭子，对吗？所以如果这只鸭子没有给你你想要的噪音，你必须打那只鸭子，直到它返回你所期望的“

Duck Punch（或 Monkey Patch，如果你愿意）Backbone 对象。

Backbone.View.prototype.initialize = function(){
  alert('I overrode the default initialize function!');
}

Answer 3

您可以使用 Backbone.Events。

在应用程序的顶层或全局对象上：

app.eventManager = {};
_.extend(app.eventManager, Backbone.Events);
app.eventManager.bind("newView", app.yourfunction(view));

在您想要触发函数的任何视图的初始化方法中：

app.eventManager.trigger("newView", this);

其中“this”是作为“view”参数传递给函数的视图实例。