我想知道从架构的角度来看是否可以将主题传递给组件。我真正想要的是让组件公开一个可观察的。但是,我想控制这个可观察流的来源,这就是为什么我问是否可以传入组件可以引发“事件”的主题。
好的,让我们详细说明一下。
比如说,我们正在设计一个组件,它接受用户输入、限制击键并显示结果列表。实际搜索发生在另一个服务组件上。
我想设计这样的 SearchWidget 创建函数:
//notice how I just avoided the word "constructor". However, conside this code as
//language agnostic. Could be RxJs or Rx .NET. It's Rx(ish)!
function SearchWidget(userInputStream, resultStream){
// do some funky Rx hotness!
}
更高级别的组件(例如控制器/调解器)实际上将连接流。
显然,resultStream 需要 inputStream 来完成工作。
在我们上面的示例中,从 SearchWidget 的角度来看,resultStream 将是一个简单的可观察对象,它可以在其上侦听结果列表。但是,它将在更高级别的组件中作为 Subject 实现。
相比之下,从 SearchWidget 的角度来看,userInputStream 将是一个主题,但它将在更高的组件级别上实例化,因为我们需要提前获得它来连接 resultStream。虽然,从更高级别组件的角度来看,它是一个简单的 observable。
高阶代码可能如下所示:
//This code lives in a higher order component (say a controller/mediator)
var resultStream = new Rx.Subject();
var userInputStream = new Rx.Subject();
userInputStream
.Throttle(500)
.DistinctUntilChanged()
.Select(service.search) //service comes from somewhere.
.Switch()
.Subscribe(resultStream.OnNext,
resultStream.OnError,
resultStream.OnCompleted);
var searchWidget = new SearchWidget(userInputStream, resultStream.AsObservable());
在上面的实现中,我在 SearchWidget 初始化之前使用了 userInputStream 。当然我也可以这样实现:
//implementation of the search widget
function SearchWidget(resultStream){
var userInputStream = new Rx.Subject();
// provide something like getUserInputStream()
// that will return unserInputStream.AsObservable()
// do some funky Rx hotness!
}
//This code lives in a higher order component (say a controller/mediator)
var resultStream = new Rx.Subject();
var searchWidget = new SearchWidget(resultStream);
//we need to initialize the searchWidget in advance to get the userInputStream
searchWidget
.getUserInputStream()
.Throttle(500)
.DistinctUntilChanged()
.Select(service.search) //service comes from somewhere.
.Switch()
.Subscribe(resultStream.OnNext,
resultStream.OnError,
resultStream.OnCompleted);
因此,从封装的角度来看,第二种实现可能看起来更健壮。但是,传递主题提供了更丰富的灵活性。
由于使用事件流的概念非常现代,因此在设计使用事件流的应用程序时,我正在努力寻找更大范围的最佳实践。