ES6 Class类

在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。

class 的本质是 function。

它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法

 

类定义class 以及 构造方法 constructor

// 通过class定义类

class Person{

    // constructor类构造方法

    constructor(name,age){

        this.name=name;

        this.age=age;

    }

    // 普通方法

    getInfo(){

        return `姓名:${this.name},年龄:${this.age}`

    }

}



let person=new Person('jack',10); // 实例化

console.log(person)

console.log(person.getInfo());

 

 用extends实现继承以及方法重载

// 用extends实现继承

class BlackPerson extends Person{

    constructor(name,age,height){

        super(name,age); // 调用父类构造方法

        this.height=height;

    }



    // 方法重写

    getInfo(){

        return `姓名:${this.name},年龄:${this.age},身高:${this.height}`

    }

}



let xiaoHei=new BlackPerson('john',20,180);

console.log(xiaoHei)

console.log(xiaoHei.getInfo())

 

posted @ 2020-05-26 17:23  梨花梦蝶  阅读(204)  评论(0编辑  收藏  举报