Typescript - 屬性的允許值

Question

Typescript 中只允許一個屬性有多個值的最佳方式是什么？

class Foo {
    public type:string;
    // Possible values for type: ['foo1', 'foo2', 'foo3']

    constructor() {}
}

我想讓這些類型成為唯一允許的類型，以防止我在擴展 Foo 類時輸入錯誤的類型。

Answer 1

class Foo {
    public type: "foo1" | "foo2" | "foo3";

    constructor() {}
}

要么

type MyType = "foo1" | "foo2" | "foo3";

class Foo {
    public type: MyType;

    constructor() {}
}

但這僅在編譯時強制執行，而不是在運行時執行。
如果您想確保Foo.type的值只是這些值之一，那么您需要在運行時進行檢查：

type MyType = "foo1" | "foo2" | "foo3";

class Foo {
    public type: MyType;

    constructor() {}

    setType(type: MyType): void {
        if (["foo1", "foo2", "foo3"].indexOf(type) < 0) {
            throw new Error(`${ type } is not allowed`);
        }

        this.type = type;
    }
}

這稱為字符串文字類型。

Answer 2

const TYPES = ['a', 'b', 'c'] as const; // TS3.4 syntax
type yourType = typeof TYPES[number]; // 'a'|'b'|'c';

Answer 3

您可以使用enums ：

enum MyType {
  Foo1 = 'foo1',
  Foo2 = 'foo2',
}

class FooClass {
  private foo: MyType;

  constructor(foo: MyType) {
    this.foo = foo;
  }
}

let bar = new FooClass(MyType.Foo2);

打字稿文檔