javascript - 如果 "a"属性为真，则还需要 "b"和 "c"

Question

我有一个类型:

type Foo = {
  a: boolean;
  b: string;
  c: string;
}

如果 a 为 true，如何调整它，必须提供 b 和 c 字段。但是，如果 a 是 false 或 undefined，那么一定不能提供 b 和 c 吗？

Answer 1

您可以使用 discriminated union ，但要注意:

1. 一般来说，阻止对象通过 TypeScript 的类型系统拥有属性是有问题的，因为对象可能有多余的属性。 TypeScript 会阻止分配定义过多属性的对象字面量，因为这是一个常见的编程错误，但在一般情况下也不会禁止。

2. 如果 a是可选的，意味着 b或 c不应该在那里，{} (一个完全空的对象)是一个有效的 Foo .

type Foo =
    | {
          a: true;
          b: string;
          c: string;
      }
    | {
          a?: false;
      };

// Valid
const a: Foo = { a: true, b: "bee", c: "see" };

// Valid
const b: Foo = { a: false };

// Valid
const c: Foo = {};

// Invalid, but only if you're directly assigning an object literal
const d: Foo = { a: false, b: "whatever" };

// This is allowed, because an object can have excess properties
const someObject = { a: false, b: "whatever" } as const;
const e: Foo = someObject; // <== No error

Playground link