ES6 继承、多态简单demo

继承demo:

class Animal{
    constructor(shoutVoice, speed){
        this._shoutVoice = shoutVoice;
        this._speed = speed;
    }

    get speed(){
        return this._speed;
    }

    shout(){
        console.log(this._shoutVoice);
    }

    run(){
        console.log('本上仙的速度可是有' + this.speed);
    }
}

class Dog extends Animal{
    constructor(){
        super('汪汪汪', '10m/s');
    }

    gnawBone(){
        console.log('这是本狗最幸福的时候');
    }

    run(){
        console.log('本狗的速度可是有' + this._speed);
        super.run();
    }
}

class PoodleDog extends Dog{
    constructor(){
        super();
        this._breed = 'poodle';
    }

    get breed(){
        return this._breed;
    }
}

let poodleDog = new PoodleDog();
console.log(poodleDog.breed);
console.log(poodleDog.speed);
poodleDog.shout();
poodleDog.run()
poodleDog.gnawBone();


console.log:
poodle
10m/s
汪汪汪
本狗的速度可是有10m/s
本上仙的速度可是有10m/s
这是本狗最幸福的时候


多态demo:

class Animal{
    eat(food){
        console.log('"' + this.constructor.name + '"类没有eat()方法.');
    }
}

class Snake extends Animal{}

class Dog extends Animal{
    eat(food){
        console.log('本狗在啃' + food);        
    }
}

class Cat extends Animal{
    eat(food){
        console.log('这只猫在吃' + food);
    }
}

let snake = new Snake();
snake.eat('老鼠');

let dog = new Dog();
dog.eat('骨头');

let cat = new Cat();
cat.eat('鱼');

console.log:
"Snake"类没有eat()方法.
本狗在啃骨头
这只猫在吃鱼








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值