backbone.js - 在 Backbone 中进行 View 混合的正确方法

Question

我一直扩展基本主干 View ，并且每个部分都有一个基本 View ，以便我可以在多个级别上扩展。我的问题是，执行 View 混合的最有效方法是什么:可以混合到任何 View 中的可重用 View 部分。例如:

var BaseProfile = Backbone.View.extend({ ...});
var UserProfile = BaseProfile.extend({ ...});
var VideoSupport = Backbone.View.extend({ ...});

将 VideoSupport View (一个事件对象和一些方法)与 UserProfile View 混合的最佳方式是什么？

Answer 1

underscore.js 库提供了一个 extend 方法来执行您想要的操作。您可以在任何对象上定义功能，然后将所有方法和属性从该对象复制并粘贴到另一个对象。

Backbone 在 View 、模型和路由器上的 extend 方法是对下划线的 extend 的包装。

 var MyMixin = {
  foo: "bar",
  sayFoo: function(){alert(this.foo);}
}

var MyView = Backbone.View.extend({
 // ...
});

_.extend(MyView.prototype, MyMixin);

myView = new MyView();
myView.sayFoo(); //=> "bar"