TypeScript中类实现扩展interface时出现属性不存在错误求助

问题场景 #

尝试让类实现继承自其他接口的扩展接口时出现编译错误，极简示例代码：

interface A {
    hello:string
}

interface Extension extends A {
    bye:string
}

class Greeting implements Extension {
    constructor(){
        this.hello="hi"
        this.bye= "bye"
    }
}

报错信息：Property 'hello' does not exist on type 'Greeting'及相关属性未定义错误。

原因说明 #

TypeScript里的implements关键字仅用于类型契约检查，确保类的结构匹配接口定义，但不会自动将接口的属性声明注入到类中。构造函数里直接给this.hello、this.bye赋值，但类本身没有显式声明这些属性，编译器无法确认这些属性属于类实例，因此抛出错误。

无需重复定义接口内容的解决方案 #

以下几种方式可以复用接口的类型定义，避免重复编写接口属性：

方案1：使用declare关键字复用接口类型

interface A {
    hello:string
}

interface Extension extends A {
    bye:string
}

class Greeting implements Extension {
    // 复用接口的属性类型，无需重复写string
    declare hello: Extension['hello'];
    declare bye: Extension['bye'];
    
    constructor(){
        this.hello="hi"
        this.bye= "bye"
    }
}

方案2：通过索引签名复用整个接口类型

interface A {
    hello:string
}

interface Extension extends A {
    bye:string
}

class Greeting implements Extension {
    // 直接映射接口的所有属性类型
    [key in keyof Extension]: Extension[key];
    
    constructor(){
        this.hello="hi"
        this.bye= "bye"
    }
}

方案3：直接初始化属性（适合简单场景）

如果不需要在构造函数中做复杂逻辑处理，可以直接在类中初始化属性，自动匹配接口类型：

interface A {
    hello:string
}

interface Extension extends A {
    bye:string
}

class Greeting implements Extension {
    hello = "hi";
    bye = "bye";
}

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