淘汰赛 - JS 分裂

Posted 2023-02-26

【中文标题】淘汰赛 - JS 分裂

【英文标题】：Knock Out - JS split

【发布时间】：2013-02-20 23:53:51

【问题描述】：

我们使用 Knock out 和 Pager JS 开发了一个基于 WEB 的应用程序。我们快要结束这个项目了。我们只有一个视图模型为 UI 屏幕上显示的所有数据元素提供数据绑定。我们正在寻找拆分 JS 文件的选项，以使其更高效和可读。由于我们只有一个视图模型服务于整个数据绑定，因此我们更容易使用 self.methodName(); 为不同的操作调用相同的方法。我的问题如下，

1) 如果我们要将视图模型拆分为多个文件，我们如何从一个视图模型调用方法到另一个视图模型。

2) 我正在检查命名空间以使用敲除来拆分文件，但不确定它的效果如何？

3) 一些使用 require js 的建议，我看到了一些示例.. 但不确定这是否能解决问题。

我们正在应用如下数据绑定，

window.VM = new viewModel();

    ko.applyBindings(window.VM);

4) 如果数据的内容与多个屏幕共享，我们如何为每个 div 绑定。例如，如果我想在 Contact Detail 中显示联系人详细信息屏幕以及联系人详细信息信息的子集。 ..我们如何实现它..根据我的理解，数据绑定适用于 div 元素..如果我想在两个不同的屏幕上显示相同的数据，我们将如何实现...

很抱歉在一个问题中问了所有问题..

谢谢， 拉梅什

【问题讨论】：

是的，我也希望这样做。我的代码变得很容易，因为我将所有内容都放在一个文件中。看到这个答案很有趣。

【参考方案1】：

您当然必须阅读有关 PubSub 概念的信息，该概念很容易通过 KO 实现。 例如。 http://www.knockmeout.net/2012/05/using-ko-native-pubsub.html