es6类

ES6类

定义：

class Animal {
    //构造函数，创建这个类时会执行的函数
    constructor(color){
        //this当前对象
        console.log("构造")
        this.color=color
    }
}
const myCat = new Animal("白");
console.log(myCat)

constructor: 构造函数
this ：当前实例
super：它的父类

类的继承 class Cat extends Animal

class Animal {
    constructor(color){
        this.color= color;
    }
    eat() {
        console.log("吃饭");
    }
}
//继承
class Cat extends Animal {
    // 构造函数
    constructor(color,name){
        //父类
        super(color);
        // 当前实例
        this.name = name;
    }
    eat(){
        super.eat();
        console.log("吃啊了")
    }
}
 
let myCat = new Cat("黑白","皮皮")
myCat.eat();
console.log(myCat.name);
console.log(myCat.color)

通过static关键字可以声明静态的方法，静态方法归属于类而不是实例也可声明静态变量

普通的方法归属于实例，需要通过实例调用

    class Animal {<br>　　　　//静态变量
        static name = "动物的类"
        constructor(color,name){
            this.color = color;
            this.name = name;
        }
        //通过static关键字可以声明静态的方法，静态方法归属于类而不是实例
        static getname() {
            console.log("静态方法");
            return this;
        }
        //普通方法归属于实例
        eat(){
            console.log(this.name +"吃饭");
        }
    }
 let myCat =new Animal("白色","学学");
 let yourCat = new Animal("白色", "球球");
//通过实例调用方法
 myCat.eat();
yourCat.eat();
 
//实例没有静态方法
// console.log(myCat.getname());
console.log(Animal.getname());
console.log(Animal.name);
// console.log(Animal.prototype.name);
    