Angular中类型不匹配与TS2564错误问题求助

错误原因分析 #

• TS2564错误：你声明了day: Date但未初始化，也没在构造函数中赋值，TypeScript严格模式要求类属性必须明确完成初始化。
• 类型不匹配错误：this.today.getDate()返回的是数字类型（代表当月的第几天，范围1-31），但你将day的类型声明为Date，数字无法赋值给Date类型变量。

修正方案 #

1. 将day的类型从Date改为number，匹配getDate()的返回值类型。
2. 可选择在声明时直接初始化，或在ngOnInit中赋值（组件初始化阶段today已存在有效值）。

修正后的完整代码 #

export class HomeComponent implements OnInit {

  today: Date = new Date();
  day: number; // 修正类型为number

  constructor() { }

  ngOnInit(): void {
    this.day = this.today.getDate(); // 类型匹配，无报错

    console.log("Today => " + this.today);
    console.log("Day => " + this.day);        
  }

}

也可以直接初始化day，提前规避未初始化提示：

export class HomeComponent implements OnInit {

  today: Date = new Date();
  day: number = this.today.getDate(); // 直接完成初始化

  constructor() { }

  ngOnInit(): void {
    console.log("Today => " + this.today);
    console.log("Day => " + this.day);        
  }

}

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