TypeScript中如何为无可选键的接口初始化空对象

问题场景 #

尝试在不预先给所有属性赋初始值的前提下，定义一个类型为MyDate的空对象：
接口定义：

interface MyDate {
  day: string;
  month: string;
  year: string;
}

类实现中直接给属性赋值空对象会触发类型报错：

export class MyClass implements OnInit {
  date: MyDate = {}; // 类型错误：Type '{}' is missing the following properties from type 'MyDate': day, month, year
  buildDate([day, month, year]: Array<string>) {
    this.date = { day, month, year };
  }
}

已知的两种方案都存在不足：

• 将接口所有属性改为可选，会丢失类型对必填属性的校验能力
• 初始化时给所有属性赋空字符串，写法冗余不符合简洁要求

可行实现方案 #

根据你对类型安全的要求，可以选择以下三种符合TS规范的写法：

1. 类型断言（写法最简洁） #

如果能保证在访问date属性前一定会通过buildDate完成完整赋值，直接用as做类型断言即可，不需要修改原接口：

export class MyClass implements OnInit {
  date: MyDate = {} as MyDate;
  buildDate([day, month, year]: Array<string>) {
    this.date = { day, month, year };
  }
}

注意：该写法仅跳过编译阶段的类型检查，不会做运行时校验。如果在buildDate执行前访问this.date.day，会拿到undefined触发运行时错误。

2. 显式标记未初始化状态（类型安全性最高） #

直接将初始值设为undefined，显式标记属性未完成初始化，TS会自动强制你在访问属性前做非空校验，从根源避免提前访问导致的错误：

export class MyClass implements OnInit {
  date: MyDate | undefined;
  buildDate([day, month, year]: Array<string>) {
    this.date = { day, month, year };
  }

  getDateString() {
    // TS会要求你先判断date是否存在，否则会抛类型错误
    if (!this.date) return '';
    return `${this.date.year}-${this.date.month}-${this.date.day}`;
  }
}

如果逻辑上能100%确定某段代码执行时date已经完成赋值，可以用非空断言!跳过校验：

const year = this.date!.year;

3. Partial 过渡类型（兼顾灵活性和类型提示） #

初始阶段用TS内置的Partial<T>工具类型把属性转为可选，赋值完成后再收窄为完整MyDate类型，既可以初始化空对象，又能在初始阶段获得属性可能为undefined的提示：

export class MyClass implements OnInit {
  date: Partial<MyDate> = {};
  buildDate([day, month, year]: Array<string>) {
    this.date = { day, month, year };
    // 需要使用完整类型时做类型收窄即可
    const validDate = this.date as MyDate;
  }
}

内容的提问来源于stack exchange，提问作者maxypayne