如何在参数列表中一行解构可能为undefined的对象？

问题场景 #

给定以下TypeScript接口：

interface MyType {
  options?: { field0: string, field1: string, field2: string };
}

对于类型为MyType[]的数组myArray，目前可通过如下方式解构options属性：

myArray.map(({ options }) => {
  const { field0, field1, field2 } = options!;
  // 业务逻辑代码
});

其中的!运算符用于规避options可能为undefined的类型检查。

尝试简化为参数列表内的一行解构写法：

myArray.map(({ options: { field0, field1, field2 }}) => {
  // 业务逻辑代码
});

但出现类型错误：Property 'field0' does not exist on type 'MyType | undefined'。

尝试添加!运算符的两种写法均不符合语法规范：

myArray.map(({ options: { field0, field1, field2 }!}) => {
  // 业务逻辑代码
});

myArray.map(({ options!: { field0, field1, field2 }}) => {
  // 业务逻辑代码
});

请问是否存在合法语法，可在参数列表中一行解构可能为undefined的对象？

解决方案 #

存在合法的语法，只需将非空断言运算符!直接放在可选属性options的后面，正确写法如下：

myArray.map(({ options!: { field0, field1, field2 } }) => {
  // 直接使用field0、field1、field2
});

这个写法的核心是：在解构嵌套对象时，先对可选的options属性使用非空断言!，明确告诉TypeScript该属性不会为undefined，之后再解构其内部字段。既实现了一行解构的简化写法，又通过合法语法规避了类型检查错误。

如果无法确保options一定存在，更安全的做法是给options设置默认空对象，避免运行时出现解构undefined的报错：

myArray.map(({ options: { field0, field1, field2 } = {} }) => {
  // 此时field0、field1、field2可能为undefined，需根据业务做后续处理
});

内容的提问来源于stack exchange，提问作者Jonathan.Brink