TypeScript构造函数内创建类属性出现Property 'language' does not exist on type 'myController'错误的原因及正确实现方式

哈哈，这个坑我刚入门TypeScript的时候也踩过！咱们先搞清楚报错的核心原因：

TypeScript是静态类型语言，它对类的成员有严格的类型检查要求。在JavaScript里，你可以直接在constructor里给this动态添加属性，但TS不行——因为TS的类型检查器在编译阶段就需要明确知道类有哪些属性，你没提前声明language，它就识别不到这个属性属于myController类型，所以会抛出Property 'language' does not exist on type 'myController'.ts(2339)这个错误。

接下来给你几种实用的正确实现方式，按需选择：

1. 显式声明类属性（最基础的写法） #

先在类的顶层声明language属性并指定类型，再在constructor里完成赋值：

export default class myController {
  // 显式声明属性及对应类型
  language: string;
  
  constructor () {
    this.language = 'english';
  }
}

如果需要给属性设置默认值，也可以直接写在声明里，省去constructor里的赋值步骤：

export default class myController {
  language: string = 'english';
  
  constructor () {
    // 这里可以根据业务需求覆盖默认值
  }
}

2. 使用参数属性（最简洁的写法） #

TS提供了语法糖，直接在constructor的参数前加上访问修饰符（public/private/protected），TS会自动帮你完成属性声明和赋值两步操作，大幅简化代码：

export default class myController {
  // public表示属性可在类外部访问，根据需求换成private/protected即可
  constructor (public language: string = 'english') {}
}

这种写法特别适合需要在constructor里初始化多个属性的场景，能少写很多冗余代码。

3. 可选属性（仅特殊场景使用） #

如果你的属性可能存在也可能不存在，可以用?标记为可选属性，但这种写法会让属性允许为undefined，会丢失TS静态类型检查的部分优势，非必要不推荐：

export default class myController {
  language?: string;
  
  constructor () {
    this.language = 'english';
  }
}

总结一下：TS要求类的所有属性必须提前明确声明，要么显式写在类里，要么用参数属性语法简化，这样类型检查器才能正确识别类的结构，避免动态属性带来的类型隐患。

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