Knockout JS 订阅 2 个 observables 的方式是，如果 2 个

Question

我有一个时间戳过滤器，用户可以在其中更改开始和结束时间。哪个用户更改了 2，订阅回调中的任何一个都可以正常工作。但是，当用户在一种编辑模式下同时更改开始和结束时间时，我的订阅函数会按预期被调用两次。我想避免这种情况，我希望它只被调用一次。关于如何实现这一目标的任何建议？

Answer 1

在 KO 3.4.0+ 中，您可以在计算上使用延迟更新，该计算依赖于两者start，并且end以一种导致更改的方式，即使start并且end以互补方式更改：let eitherX = 1;const either = ko.computed(() => {&nbsp; &nbsp; start();&nbsp; &nbsp; end();&nbsp; &nbsp; return ++eitherX;});either.extend({deferred: true});现场示例：显示代码片段在早期版本中，您可以使用以下速率限制：0let eitherX = 1;const either = ko.computed(() => {&nbsp; &nbsp; start();&nbsp; &nbsp; end();&nbsp; &nbsp; return ++eitherX;});either.extend({rateLimit: 0});现场示例：const start = ko.observable(10);const end = ko.observable(20);let eitherX = 1;const either = ko.computed(() => {&nbsp; &nbsp; start();&nbsp; &nbsp; end();&nbsp; &nbsp; return ++eitherX;});either.extend({rateLimit: 0});console.log("Subscribing");// Applying the rate limiteither.subscribe(() => console.log("notified"));console.log("changing start");start(11);console.log("changing end");end(19);<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>您需要eitherX使either重新计算时的值始终不同。如果你试图用eitherandstart来定义end（例如start() + end()），如果你改变了startandend以互补的方式（加一start和减一end），either' 的值不会改变，你也不会收到任何通知。

Answer 2

当您以编程方式同时更改两个过滤器并且只希望触发一次回调时，上面的 Crowder 是正确的，当您等待用户一个接一个地更改过滤器时，这是另一回事。在更改开始时间之后，真的无法知道用户是否会更改结束时间，那么您如何知道等待开始时间触发器最终触发的时间？唯一的选择是在 2 个输入过滤器之后添加一个按钮，上面写着“确认过滤器”并触发回调。实际上，还有另一种方法，但涉及有效地执行两次回调，其中第一次在第二次触发时被取消，这可能是您希望避免的事情，对吧？