多态: 子类方法属性相同的前提下? || 子类方法属性不相同的前提下?

小程的坏习惯

于 2022-11-30 11:39:02 发布

阅读量120

点赞数

分类专栏： Vue3 hook.ts 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_68903201/article/details/128112222

版权

hook.ts 同时被 2 个专栏收录

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文通过一个TypeScript代码示例展示了多态和继承的概念。`Animal`类作为基类，派生出`Dog`和`Pig`子类。每个类都实现了`run`方法，`Dog`类增加了`walk`方法，`Pig`类增加了`sleep`方法。实例化后，展示了多态特性，即子类对象可以被当作父类对象使用，但不同子类之间不能互用特定方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多态：
子类方法属性相同的前提下：子元素可以使用父元素的类而且各个子元素之间的类型也可以互相使用，这就是多态
子类方法属性不相同的前提下：子元素可以使用父元素的类，但是子元素之间不能相互使用

export default function () {
    

    // 定义一个类
    class Animal<K> {
        name: K
        constructor(name: K) {
            this.name = name
        }
        run(distance = 15): K {
            return `${this.name}跑了${distance}公里` as unknown as K;
        }
    }

    class Dog<K> extends Animal<K>{
        constructor(name: K) {
            super(name);
        }
        run(distance = 15): K {
            return `${this.name}跑了${distance}公里` as unknown as K;
        }
        walk(item: K): K {
            return `小狗去玩了，${item}` as unknown as K;
        }
    }

    class Pig<K> extends Animal<K> {
        constructor(name: K) {
            super(name);
        }
        run(distance = 15): K {
            return `${this.name}跑了${distance}公里` as unknown as K;
        }
        sleep<T>(item: T): T {
            return `小狗去玩了，${item}` as unknown as T;
        }
    }


    // 实例化一个动物的类
    const animal: Animal<string> = new Animal<string>('动物');
    animal.run(20);
    const dog: Animal<string> = new Dog('哮天犬');
    dog.run(20);
    const pig: Pig<string> = new Pig('天蓬');
    pig.run(20);
    console.log(animal.run(20));
    console.log(dog.run(20));
    console.log(pig.run(20));
}