如何在RxJs（BehaviorSubject）中使用TypeScript进行严格的类型检查？

Question

我正在尝试使用RxJs创建一个行为主体。在此代码中

import { BehaviourSubject } from 'rxjs';

const name = new BehaviourSubject("Dog");

// Here in the subscribe callback, I am using TypeScript to specify the argument type should be string.

name.subscribe((name: string):void => {console.log(name)});

name.next("cat"); //cat

我想限制下面的这些调用，因为我需要在上面提到的订阅回调中传递一个字符串作为参数。

name.next(5); // This will print 5

name.next({a:5,b:{c:10}}); // This will print the object

name.next(true); // This will print true

有没有办法限制以下在订阅回调中没有有效参数的调用？

Answer 1

如果您查看&nbsp;BehaviorSubject&nbsp;的类型定义，请注意该类接受泛型类型参数（即 ）。BehaviorSubject<T>在您的示例中，您可以通过创建 的参数化版本来规定内部值是某种类型，具体而言：stringBehaviorSubjectconst&nbsp;name&nbsp;=&nbsp;new&nbsp;BehaviorSubject<string>("Dog");在这样做时，应将类型检查应用于 和 的后续用法。next()subscribe()

Answer 2

您可以为 创建类型别名，因为它接受类型参数作为泛型的一部分。BehaviourSubjectinterface NameSubjectObj {&nbsp; a: number;&nbsp; b: {&nbsp; &nbsp; c: number&nbsp;&nbsp; }}type NameSubject = string | boolean | NameSubjectObj;const name = new BehaviourSubject<NameSubject>("Dog");这将确保上述内容将接受指定的 3 种类型。BehaviourSubject