Question

我具有以下功能：

从我的商店取一个值=> 将其转换为csv => 创建下载链接

  downloadCSV() {
    let href;
    this.store$.select(MissionsStoreSelectors.selectedRoute).pipe(take(1)).subscribe((route) => {
      if (route) {
        const csv = this.csvManipulatorService.generateCSVFromJSON({filename: route.routeId, data: route.waypoints, columns : ['id', 'position', 'rotation']});
        href = this.domSanitizer.bypassSecurityTrustUrl('data:text/csv,' + encodeURIComponent(csv));
      }
    });
    return href;
  }

（不必担心没有防护的事实，这是简化的）

我认为订阅不同步。但是从这个公认的答案来看：

How to get current value of State object with @ngrx/store?

好像不是。

我的问题是这会100％地起作用吗？订阅是否总是同步的？

Answer 1

两个答案

否。带取订阅并不总是同步的。可观察到的异步/同步的是发出值的 producer ，而不是流中的运算符。现在，如果您在某个时候没有使用take(1)或从Observable退订，那不是您会遇到的同步问题，而是内存泄漏。 take(1)很重要，但不是出于同步方面的考虑。
在您的情况下，您正在使用一个函数创建并订阅一个可观察对象，该可观察对象从商店中获取最新数据，该变量基本上是BehaviorSubject，因为它始终会返回最新的值。订阅，然后进行更新。这是一个同步动作，我认为没有任何理由不能总是起作用。

这可以通过创建简单的同步Observable，修改值然后立即将其注销来进行测试。

https://stackblitz.com/edit/rxjs-ujs6u9

但是，您可以简化此过程并返回Observable本身，而不是将其包装在函数中：

csvHref$ = this.store$.select(MissionsStoreSelectors.selectedRoute).pipe(
  take(1),
  map(route => {
    if (!route) {
      return null;
    }

    const csv = this.csvManipulatorService.generateCSVFromJSON({
      filename: route.routeId,
      data: route.waypoints,
      columns : ['id', 'position', 'rotation']
    });

    return this.domSanitizer.bypassSecurityTrustUrl(`data:text/csv,${encodeURIComponent(csv)}`);
  })
)

然后，您无需订阅它就可以像调用函数一样，只需订阅它即可获取值。

csvHref$.subscribe(href => doSomethingWithHref(href));

根据可能无法使用的情况，但是您应该将Observables视为已经起作用。

我推荐https://medium.com/@benlesh/learning-observable-by-building-observable-d5da57405d87作为一本好书。

是否可以从ngrx同步获取？

1 个答案: