TypeScript中如何将类实例赋值给另一个类属性并调用其方法

你的问题核心在于泛型没有明确的类型约束，TypeScript无法确定传入的Creature或animal类型是否包含howItEat()方法和scieneName属性，所以会抛出类型错误。下面是具体的解决步骤和修正后的代码：

1. 定义约束接口 #

先创建一个接口，明确规定需要的属性和方法，让所有符合要求的类都对齐这个结构：

interface EatingCreature {
  scieneName: string;
  howItEat(): void;
}

2. 修正泛型类的约束 #

修改Animal和SeaAnimal的泛型参数，让它们继承上面的接口，这样TypeScript就能确认传入的类型必然包含指定的属性和方法：

// Animal类泛型约束为EatingCreature
class Animal<Creature extends EatingCreature> {
    public creature: Creature;
    constructor(creature: Creature) {
        this.creature = creature;
    }
    makeSound() {}
    eat(){
        this.creature.howItEat() // 现在不会报错
    }
}

// 修正类名首字母大写（TS规范），并实现EatingCreature接口
class Urchin implements EatingCreature {
    data: any;
    constructor(data: any) {
        this.data = data;
    }
    public scieneName: string = "Echinoidea"
    howItEat() {}
}

// SeaAnimal泛型继承Animal的约束，无需重复定义
class SeaAnimal<AnimalType extends EatingCreature> extends Animal<AnimalType> {
    animal: AnimalType;
    constructor(animal: AnimalType){
        super(animal)
        this.animal = animal
        this.animal.howItEat(); // 正常调用
        console.log(this.animal.scieneName); // 正常访问
    }
}

3. 实例化代码 #

保持实例化逻辑不变，注意类名的大小写修正：

let firstSeaAnimal = new Urchin({name: 'urchin1', size: '15cm', weight: '200g'});
let animal1 = new SeaAnimal<Urchin>(firstSeaAnimal);

关键说明 #

• 泛型约束的作用是告诉TypeScript：传入的类型必须满足接口定义的结构，这样编译器就能确定属性和方法存在，不会报错。
• 类名首字母大写是TypeScript的命名规范，避免和变量名混淆。
• 如果你不想用接口，也可以直接用类型别名，但接口更适合定义类的结构约束。

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