TypeScript报错：属性在赋值前被使用，如何解决？

我定义了一个类，在构造函数中给属性赋值后，紧接着在一个立即执行的async函数里使用该属性，但TypeScript提示错误：Property 'greeting' is used before being assigned。代码示例如下：

class Greeter {
    greeting: string;

    constructor() {
        this.greeting = 'Hello';

        (async () => {
            console.log(this.greeting); // Property 'greeting' is used before being assigned.
        })();
    }
}

我找不到属性在赋值前被使用的场景，请问如何让TypeScript识别这个正确的逻辑？

解决方法 #

方案1：使用非空断言运算符! #

在属性引用处添加非空断言，明确告知TypeScript该属性已经完成赋值：

class Greeter {
    greeting: string;

    constructor() {
        this.greeting = 'Hello';

        (async () => {
            console.log(this.greeting!);
        })();
    }
}

方案2：在属性声明时直接初始化 #

将属性赋值从构造函数移至属性定义阶段，让TypeScript明确感知属性的初始化时机：

class Greeter {
    greeting: string = 'Hello';

    constructor() {
        (async () => {
            console.log(this.greeting);
        })();
    }
}

方案3：通过类型断言明确this的类型 #

在async函数内对this进行类型断言，让TypeScript确认当前this的属性已初始化：

class Greeter {
    greeting: string;

    constructor() {
        this.greeting = 'Hello';

        (async () => {
            console.log((this as Greeter).greeting);
        })();
    }
}

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

修改tsconfig.json中的strictPropertyInitialization配置为false，关闭相关检查，但这会削弱类型安全性，仅适合小型项目或临时场景：

{
  "compilerOptions": {
    "strictPropertyInitialization": false
  }
}

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