Angular中OnInit场景下数组属性的TS2564未初始化错误

针对你遇到的TS2564错误，本质是TypeScript的严格属性初始化检查要求类属性必须在声明时初始化，或在构造函数中明确赋值。下面是几种实用的解决方法：

方法1：声明时初始化空数组 #

这是最稳妥的方案，确保属性始终有初始值，避免后续使用时出现undefined问题：

export class TasksComponent implements OnInit {
  tasks: Task[] = []; // 初始化空数组

  constructor(private dataHandler: DataHandlerService) {}

  ngOnInit() {
    this.dataHandler.tasksSubject.subscribe(tasks => this.tasks = tasks);
  }
}

方法2：使用非空断言操作符 #

如果你能保证ngOnInit中的订阅一定会为tasks赋值，可以用!告诉TypeScript该属性不会为undefined或null：

export class TasksComponent implements OnInit {
  tasks!: Task[]; // 非空断言标记

  constructor(private dataHandler: DataHandlerService) {}

  ngOnInit() {
    this.dataHandler.tasksSubject.subscribe(tasks => this.tasks = tasks);
  }
}

方法3：构造函数中赋值（按需使用） #

如果你的数据服务在构造阶段就能提供初始值（比如Subject有默认值），可以直接在构造函数中赋值：

export class TasksComponent implements OnInit {
  tasks: Task[];

  constructor(private dataHandler: DataHandlerService) {
    // 假设tasksSubject有初始值
    this.tasks = this.dataHandler.tasksSubject.value;
  }

  ngOnInit() {
    this.dataHandler.tasksSubject.subscribe(tasks => this.tasks = tasks);
  }
}

方法4：关闭严格属性初始化检查（不推荐） #

临时方案，修改tsconfig.json关闭全局严格检查，但会降低代码类型安全性，不建议长期使用：

{
  "compilerOptions": {
    // 其他配置项...
    "strictPropertyInitialization": false
  }
}

内容的提问来源于stack exchange，提问作者Максим Каленюк