我已经继承了使用UI的Knockout编写的应用程序,并且很好奇对单个可观察属性进行多个订阅有什么影响?
我有2个订阅的观察站。通过登录到控制台,我可以看到两个订阅都被触发,一个接一个。
使用下面的示例:(为简洁起见,在完整的代码中为简洁起见,这里有很多逻辑,其中有些是重复的)
self.VisitDate = ko.observable();
self.VisitDate.subscribe(function (newValue) {
self.ListItemRemoved(removed);
});
self.VisitDate.subscribe(function (newValue) {
self.Basket.VisitDate(newValue);
});
我当时在想,由于有多个订阅,因此我应该看到某种错误,但是一切似乎都正常,但是我找不到任何明确的解释来说明为什么可以这样做?
我只是想找出以下内容:
对一个可观察的对象有多个订阅是否正常并且可以接受?这样做对比赛有潜在的影响吗?是否真的需要多个订阅才能实现无法通过单个订阅实现的功能?
我很欣赏这可能有点细节,但是我实际上只是想了解敲除的幕后工作方式,以了解我是否应该重构该代码。
该观察者/可观察到的设计模式,并允许多个观察者/订阅。简而言之,设计模式的目的是:
因此,淘汰赛是通过可观察的方式做到的。
var observable = ko.observable("a");
observable.subscribe(function(newValue) {
console.log("observer 1", newValue)
});
observable.subscribe(function(newValue) {
console.log("observer 2", newValue)
});
observable.subscribe(function(newValue) {
console.log("observer 3", newValue)
});
observable("b");
observable("c");
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
因为您的代码将在单个线程中运行,所以没有真正需要担心的竞争条件,因此,除非您明确选择加入某种多线程性,否则几乎可以肯定它是确定性的。
通常,观察者通常也不会固有地调用多个线程,因为子订阅者更新功能通常采用以下形式:
for (subscriber of this.subscribers) {
subscriber.update(this.value);
}
这样说来,您可能会遇到问题,但前提是订户依赖于共享状态,并且您不能保证或知道每个订户的添加顺序。在这种情况下,您可以根据订阅顺序获得不同的结果。简单演示:
var observable = ko.observable("a");
var sharedState = "";
observable.subscribe(function(newValue) {
//append to the shared state
sharedState += newValue;
console.log("observer 1", sharedState);
});
observable.subscribe(function(newValue) {
//double up the shared state
sharedState += sharedState;
console.log("observer 2", sharedState);
});
observable("b");
observable("c");
observable("d");
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
var observable = ko.observable("a");
var sharedState = "";
observable.subscribe(function(newValue) {
//double up the shared state
sharedState += sharedState;
console.log("observer 2", sharedState);
});
observable.subscribe(function(newValue) {
//append to the shared state
sharedState += newValue;
console.log("observer 1", sharedState);
});
observable("b");
observable("c");
observable("d");
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
因此,这将是一个坏习惯。如果可能的话,最好避免。除非您可以保证订阅的顺序-在上面的示例中,我将一个接一个地添加订阅,以确保它们以添加的顺序显示。但是,您可能拥有可以有条件地或在应用程序的不同部分添加订阅的代码,在这种情况下,很难控制该顺序。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句