java1234开源博客系统
博客信息

es6 Class类

发布时间:『 2019-07-19 16:39』  博客类别:Vue.js  阅读(2137) 评论(0)

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

QQ鎴浘20190719133450.jpg



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


QQ鎴浘20190719133633.jpg




关键字:   无
关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有