如何在启用严格类型的情况下将 RxJs (BehaviourSubject) next() 方法设置为 null？答案

【问题标题】：How to set RxJs (BehaviourSubject) next() method as null with Strict type enabled?如何在启用严格类型的情况下将 RxJs (BehaviourSubject) next() 方法设置为 null？
【发布时间】：2021-07-23 10:32:06
【问题描述】：

我正在学习 rxJs 和 Angular 11，看一个我遇到这个 sn-p 代码的示例，请参阅最后的 logout 方法。

    import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { BehaviorSubject, Observable } from 'rxjs';
import { map } from 'rxjs/operators';

import { environment } from '@environments/environment';
import { User } from '@app/_models';

@Injectable({ providedIn: 'root' })
export class AuthenticationService {
    private userSubject: BehaviorSubject<User>;
    public user: Observable<User>;

    constructor(
        private router: Router,
        private http: HttpClient
    ) {
        this.userSubject = new BehaviorSubject<User>(JSON.parse(localStorage.getItem('user')));
        this.user = this.userSubject.asObservable();
    }

    public get userValue(): User {
        return this.userSubject.value;
    }

    login(username: string, password: string) {
        return this.http.post<any>(`${environment.apiUrl}/users/authenticate`, { username, password })
            .pipe(map(user => {
                // store user details and jwt token in local storage to keep user logged in between page refreshes
                localStorage.setItem('user', JSON.stringify(user));
                this.userSubject.next(user);
                return user;
            }));
    }

    logout() {
        // remove user from local storage to log user out
        localStorage.removeItem('user');

        //I'm getting error -> Argument of type 'null' is not assignable to parameter of type 'User'.ts(2345)
        this.userSubject.next(null);  


        this.router.navigate(['/login']);
    }
}

有什么想法吗？我宁愿不禁用严格类型，而且我弄乱了“？”但没有运气。如果我理解正确，传递 null 只是为了清除之前那里的数据？

更新 1

所以我将private userSubject: BehaviorSubject<User>; 更改为private userSubject: BehaviorSubject<any>; 不确定这是否正确/正确，但应用程序运行...

更新 2 正如 Pankaj Sati 的评论所述，使用 null as any 也可以！

【问题讨论】：

试试private userSubject: BehaviorSubject<User | null>
或者你可以试试this.userSubject.next(null as any);
啊，这是个好方法！ null as any 有效，但 User | null 无效。

标签： angular rxjs angular11

【解决方案1】：

以下应该可以工作，使用 union 类型

private userSubject: BehaviorSubject<User | null>;

在访问subscribe 函数中的user 值时，您可能需要添加一些空检查，但您可能已经这样做了

【讨论】：