打字稿 - 将 null 分配给变量

Question

我有一个这样的课程：

export class Signal {
    method: (d: any) => void;
    otherMethod: (d: any) => void;


    public resetMethods(): void {
        this.method = null;
        this.otherMethod = null;
    }
}

不幸的是，这将不再编译，直到某些以前的版本没有出现问题，现在在编译阶段我收到以下错误：

 Type 'null' is not assignable to type '(d: any) => void'.

对于我的代码结构，重要的是将这些属性设置为“空”并稍后重新分配它们，我该如何解决编译器的抱怨？

Answer 1

type Nullable<T> = T | null
export class Signal {
    method: Nullable<(d: any) => void> = null;

    public resetMethods(): void {
        this.method = null;
    }
}

创建自定义类型Nullable ，非常有用

操场

Answer 2

由于代码现在是这样，您无论如何都必须将字段声明为可选，因为它们没有被赋值。 在这种情况下，您可以分配undefined以使 TS 满意：

export class Signal {
    method?: (d: any) => void;
    //    ^
    otherMethod?: (d: any) => void;
    //         ^


    public resetMethods(): void {
        this.method = undefined;
        this.otherMethod = undefined;
    }
}

如果你真的想要/需要分配null ，那么你可以使用联合类型：

export class Signal {
    method?: ((d: any) => void) | null;
    otherMethod?: ((d: any) => void) | null;


    public resetMethods(): void {
        this.method = null;
        this.otherMethod = null;
    }
}

Answer 3

为您的“方法”定义一个类型：

type MyMethod = (d: any) => void;

然后要么用那个声明它们| null | null ：

method: MyMethod | null;

或者给自己一个方便的类型：

type NullableMyMethod = MyMethod | null;

并使用它

method: NullableMyMethod;

在操场上