淘汰赛计算与订阅，时间问题

Question

刚刚发现，在 KnockoutJS 中，订阅函数是在依赖可计算之前评估的，并且需要有人可以提交，因为我在文档或论坛中找不到任何关于 Knockouts 时间的信息。

这意味着：如果我有这样的模型......

var itemModel = function (i) {
    var self = this;

    self.Id = ko.observable(i.Id);
    self.Title = ko.observable(i.Title);
    self.State = ko.observable(i.State);

};

var appModel = function () {
   var self = this;

   self.Items = ko.observableArray() // <-- some code initializes an Array of itemModels here
   self.indexOfSelectedItem = ko.observable();

   self.selectedItem = ko.computed(function () {
       if (self.indexOfSelectedItem() === undefined) {
            return null;
       }
       return self.Items()[self.indexOfSelectedItem()];
   });
};

我想用一个可观察的索引字段来跟踪选定的数组项，我像这样订阅这个索引字段...

appModel.indexOfSelectedItem.subscribe(function () {
    // Do something with appModel.selectedItem()
    alert(ko.toJSON(appModel.selectedItem()));
}

...在使用新的索引值重新评估计算之前评估订阅函数，因此我将获得对应于最后选择的索引而不是实际选择的索引的 selectedItem()。

两个问题：

• 是这样吗？
• 那么，如果一个简单的函数每次调用它时都能让我获得当前选定的项目，而 ko.computed 会在一切都已经完成并且我不再需要它的任何时候进行评估，那我为什么要使用 ko.computed() ?

Answer 1

默认情况下，Knockout 中的所有计算都以急切的方式进行评估，而不是延迟评估（即，当您第一次访问它们时，不是）。

一旦一个依赖发生变化，所有订阅都会收到通知，所有连接的计算都会重新评估。您可以通过在计算的 observable 中指定 the deferEvaluation option 来将该行为更改为“惰性”，但您不能对订阅执行此操作。

但是，我认为没有必要依赖于所选项目的索引。事实上，这甚至是糟糕的设计，因为您真正关注的不是索引的数值，而是它所代表的项目。

您可以通过创建一个可写的计算 observable 来反转依赖关系，它为您提供当前所选项目的索引（用于显示目的）并允许更改它（为方便起见）。

function AppModel() {
    var self = this;

    self.Items = ko.observableArray();
    self.selectedItem = ko.observable();

    self.indexOfSelectedItem = ko.computed({
        read: function () {
            var i,
                allItems = self.Items(),
                selectedItem = self.selectedItem();

            for (i = 0; i < allItems.length; i++) {
                if (allItems[i] === selectedItem) {
                    return i;
                }
            }
            return -1;
        },
        write: function (i) {
            var allItems = self.Items();

            self.selectedItem(allItems[i]);
        }
    });
}

Knockout 倾向于存储/处理实际值，而不仅仅是值的索引，因此对视图进行必要的更改可能并不难。只需将以前写给indexOfSelectedItem 的所有内容现在直接写给selectedItem。 selectedItem 的依赖将继续正常工作。

在设计良好的 Knockout 应用程序中，您很少需要处理数组项的索引。一旦一切正常，我建议删除计算的 write 部分。

见：http://jsfiddle.net/4hLLn/