码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 Class类

时间:2020-05-26 18:39:42      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:color   inf   方法   png   style   black   end   方法重载   name   

在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())

技术图片

 

ES6 Class类

标签:color   inf   方法   png   style   black   end   方法重载   name   

原文地址:https://www.cnblogs.com/zsh-blogs/p/12966827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!