Backbone：单例视图？

Question

我有几个不同的视图，它们主要是构建起来的（布局组件、布局、主视图）。

当我现在在不同视图之间切换时，必须重新渲染整个页面。

至少将布局视图缓存在“窗口”中并重新加载它们不是更好吗？

类似于用于主干视图的单例模式？

我该怎么做？ 很简单：

window.MainLayoutView || window.MainLayoutView = new MainLayoutView({ el: 'div.main' });

够了吗？

我还有什么需要考虑的吗？

Answer 1

是的，还有更多需要担心的。如果你这样做：

window.MainLayoutView.render();
$(x).html(window.MainLayout.el);
// And later...
$(x).html(someOtherView.el);
// And later still...
$(x).html(window.MainLayout.el);

您会发现window.MainLayout 中的所有事件都已消失。如果您想缓存实例化视图并将其换入和换出，您将不得不安排delegateEvents 调用以重新绑定视图层次结构中的所有事件。

比较这两个例子的行为，你会发现问题：

• http://jsfiddle.net/ambiguous/Mrt3C/（没有delegateEvents 电话）。
• http://jsfiddle.net/ambiguous/Mrt3C/1/（与delegateEvents 通话）。

通常您不必费心尝试缓存视图，只需 remove 它们并根据需要重新创建它们。