检查组合链中的字段是否未定义

Question

假设我们有以下声明：

interface Inf1 {

  field: boolean | undefined;

}

interface Inf2 {

  field: Inf1 | undefined

}

interface Inf3 {

  field: Inf2 | undefined

}

function fun1(): Inf3 | undefined {

  return {field: {field: {field: true}}};

}

我想检查是否fun1()等于true（或任何其他值）返回的对象中的第三嵌套字段。首先尝试是：

if (value.field.field.field) {

  console.log('This code does not compile because nested `field` objects may be undefined.');

}

是什么原因导致编译错误，因为field中间的可能是undefined。

我需要编译此代码的目的是检查所有嵌套对象是否不是undefined：

let value = fun1();

if (

  value &&

  value.field &&

  value.field.field &&

  value.field.field.field

  ) {

    console.log('This code is compiled successfully');

  }

有没有一种方法可以“即时”检查中间的那些“字段”是否未定义？

Answer 1

您所需的功能在JavaScript中不存在，因此，是的，您必须通过这种测试来保护代码：if (value && value.field && value.field.field)使用strict（或strictNullCheck）选项，TypeScript可帮助您考虑每个潜在的未定义值，但不会帮助您编写保护代码。但仍有改进的希望。关于“ JavaScript的可选链接”功能的提案仍处于第1阶段，但是非常活跃。当提案到达第3阶段时，TypeScript团队是否可以在TypeScript编译器中启动实现？