javascript Es6 面向对象与继承基础

javascript Es6 面向对象与继承基础

Es6新标准对于javascript面向对象编程,有了更好的支持,本文使用基本的class,constructor,extends,super等,虽然只是对Es5的语法糖包装,但是对于使用者而言在bable的支持下,已经友好了许多。

代码

代码块语法遵循标准markdown代码,例如:

// es6 中的面向对象和继承

class Animal {
    constructor(name = '无名氏', age = 0) {
        this.name = name;
        this.age = age;
    }

    say() {
        console.log(this.name, this.age);
    }
}


class Cat extends Animal {
    constructor(name, age) {
        super(name, age)
    }
    say() {
        super.say();   // 运行父类的方法
        console.log('这是子类Cat的Say')
    }
}

const cat = new Cat('小熊', 2);
cat.say()

你可能感兴趣的:(前端)