javascript - 在 Backbone.js 集合中制作一个模型 'selected' 的最佳方法？

Question

我的 Backbone.js 应用程序中有一组模型。

这是一个项目列表，您可以将鼠标悬停在其上或使用键盘进行导航。

如果鼠标悬停，或者键盘导航已选择项目，它们都会执行相同的操作:将特定项目/模型设置为“选择”。

所以在我的模型中，我有一个基本上称为的属性

selected: false

当它悬停在上面或用键盘选择时，这将是

selected: true

但是，确保当这个模型为真时，其他模型都为假的最佳方法是什么？

我目前正在做一项基本的事情，即循环浏览集合中的每个模型，然后将所选模型设置为 true。但我想知道是否有更好、更有效的方法来做到这一点？

Answer 1

被选中似乎是一种超出模特范围的责任。选择的概念意味着还有其他人，但模型只能担心自己。因此，我会考虑将这一责任转移到其他地方，在这些地方，许多模型的概念和选择一个模型似乎更自然和更符合预期。

因此，请考虑将此责任放在作为关联的集合上。因此， this.selected 将指向所选模型。然后您可以添加一个方法来返回集合中选定的模型。

或者，您可以将此责任交给 View 。如果模型的选择性纯粹是 View 层中的一个问题，那么您可以这样做。

从模型中删除责任的副产品是，当选择新模型时，您无需循环遍历整个集合。