typescript - Typescript 中的可选类成员

Question

有没有办法在 Typescript 类中指定类型安全的可选成员？

也就是说，类似...

class Foo {
    a?: string;
    b?: string;
    c: number;
}

....

foo = new Foo();
...
if (foo.a !== undefined) { ... (access foo.a in a type-safe string manner) ... }

如果您熟悉 OCaml/F#，我正在寻找类似“字符串选项”的东西。

Answer 1

以下适用于 TypeScript 3.x：

class Foo {
  a?: string;
  b?: string;
  c: number = 123;
}

请注意，您需要初始化任何非可选成员（如图所示的内联成员或构造函数中的成员）。

Answer 2

Typescript 2.0 中添加了可选的类属性作为功能。

在此示例中，属性b是可选的：

class Bar {
  a: number;
  b?: number;
}

Typescript 2.0 发行说明 - 可选的类属性

Answer 3

在某些用例中，您可以使用Parameter 属性来完成它：

class Test {
    constructor(public a: string, public b: string, public c?: string)
    {
    }
}

var test = new Test('foo', 'bar');

操场

Answer 4

现在可以在类中声明可选属性和方法，类似于接口中已经允许的内容：

class Bar {
    a: number;
    b?: number;
    f() {
        return 1;
    }
    g?(): number;  // Body of optional method can be omitted
    h?() {
        return 2;
    }
}

在 --strictNullChecks 模式下编译时，可选属性和方法会自动将 undefined 包含在其类型中。因此，上面的 b 属性的类型是 number | undefined 并且上面的 g 方法的类型是 (() => number) | 不明确的。类型保护可用于剥离类型的未定义部分：

function test(x: Bar) {
    x.a;  // number
    x.b;  // number | undefined
    x.f;  // () => number
    x.g;  // (() => number) | undefined
    let f1 = x.f();            // number
    let g1 = x.g && x.g();     // number | undefined
    let g2 = x.g ? x.g() : 0;  // number
}

可选的类属性