关于 RxJS 5 filter() 操作符的询问

Question

我有一个 Angular 2 路由器保护器，其 canActivate 方法定义如下：

canActivate() {
    return this.sessionSigninService.isAuthenticated()
      .filter(isAuthenticated => isAuthenticated !== null)
      .map(isAuthenticated => {
        if (isAuthenticated) {
          return true;
        }
        this.router.navigate(['/signin']);
        return false;
      });
  }

来自sessionSigninService：

  isAuthenticated(): Observable<boolean> {
    return this.store.select(fromRoot.getAuthenticated);
  }

仅供参考，fromRoot.getAuthenticated 被初始化为 null

当调用canActivate 方法并且isAuthenticated 的null 值进入filter() 运算符时，似乎filter() 会阻塞，直到isAuthenticated 的值更改为false 或@ 987654334@.

请注意，这是期望的行为，但我不明白...

有人可以解释一下这种行为吗？

Answer 1

与 Array.prototype.filter() 一样，它仅在通过标准函数时才从源发出值。

filter 只会在过滤器方法的返回值为 true 时传播数据 - 当您有 isAuthenticated: null 并评估 null !== null -> 它将返回 false，这就是不传播数据的原因并且不会调用map。

一旦您拥有isAuthenticated: true|false，过滤器将评估为true，因为true 和false 都是!== null，并传播数据。