javascript - RxJS 的开关函数

Question

谁能解释一下 RxJS 中的 switch 函数是做什么的？
我读了documentation但无法配置它，它是如何工作的。

Answer 1

如果您有可观察值的可观察流，switch 会将嵌套的可观察值扁平化为单个可观察值流。它将为您提供来自外部流产生的最新内部流的值。

用一个例子可能更容易。假设您有一个文本框来控制您从 AJAX 查询接收的数据。让我们将此文本框称为页码。您的目标是显示用户在文本框中键入的页面的 AJAX 查询结果。您可以使用 switch 构建该数据的可观察流:

function getPageData(pageNumber) {
   // return the ajax query for this page
   return $.ajax("/url?page=" + pageNumber));
}

var pageNumberValue = // some observable of the page number values coming from the text box

// this will be an observable of observables of the page data
var dataStreamOfStreams = pageNumberValue
    .map(pageNumber => getPageData(pageNumber);

// everytime you change pages, this will "switch" to the new ajax call
// and return the results from that new call.
var dataStream = dataStreamOfStreams.switch();

希望对您有所帮助。