打字稿訪問嵌套條件類型

Question

我正在嘗試根據以下類型定義訪問嵌套類型 b 並且 a 不為空：

type Abc = {
  a: {
    b: number
  } | null
}

但是，以下代碼會導致錯誤： Property 'b' does not exist on type '{ b: number; } | null'.ts(2339) Property 'b' does not exist on type '{ b: number; } | null'.ts(2339)

const test: Abc["a"]["b"] = 3;

Answer 1

您可以將其更改為：

const test: NonNullable<Abc["a"]>["b"] = 3;

不過還是有點口無遮攔。 您也可以考慮將其拆分為幾個接口，並直接引用內部接口：

interface Thing {
  b: number
}

type Abc = {
  a: Thing | null
}

const test: Thing["b"] = 3;