TypeScript初始化报错排查：已赋值仍提示属性未初始化

问题场景 #

编译TypeScript代码时遇到错误：

Property 'options' has no initializer and is not definitely assigned in the constructor.

检查DocumentRenderer类的代码，明明已经在构造函数里处理了options属性，且只有这一个构造函数，却始终报这个错。

报错原因 #

这是混淆C#与TypeScript构造函数语法导致的低级错误：

• C#中，构造函数参数添加访问修饰符（如public）时，会自动将参数赋值给类的同名属性，无需额外代码。
• TypeScript中，如果构造函数参数没有添加public/private/protected修饰符，它只是一个局部函数参数，不会自动关联到类的同名属性；如果类中声明了该属性但未在构造函数里通过this.属性名 = 参数手动赋值，就会触发这个编译错误。

解决方案 #

提供两种可行的修正方式：

方式1：利用访问修饰符自动赋值

给构造函数的options参数添加访问修饰符，TypeScript会自动完成参数到类属性的赋值，无需手动写this.options = options：

class DocumentRenderer {
  // 无需单独声明options属性，修饰符会自动创建并赋值
  constructor(public options: RenderOptions) {}
}

方式2：手动赋值类属性

如果不想使用访问修饰符，确保在构造函数里明确将参数赋值给类属性：

class DocumentRenderer {
  options: RenderOptions;
  
  constructor(options: RenderOptions) {
    // 必须手动将参数赋值给类属性
    this.options = options;
  }
}

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