ES6中类和对象的代码示例-5G云源码分享网

如果下载的源码需要作者授权,请更换源码。

本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于ES6中类和对象的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1。

基本定义和生成实例

{classParent{constructor(name=haha){this。

name=name;}}letparent=newParent(vconsole。

log(构造函数和实例,parent);//Parent{name:v}}

2。

继承

{classParent{constructor(name=haha){this。

name=name;}}classChildextendsParent{}console。

log(继承,newChild());//Child{name:haha}}

3。

继承传递参数

{classParent{constructor(name=haha){this。

name=name;}}classChildextendsParent{constructor(name=child){//super()方法,用来解决继承怎么传递参数(怎么覆盖父类的参数)//super的参数列表就是父类构造函数的参数列表,如果参数为空,就采用父类的参数默认值super(name);//super必须放在构造函数第一行this。

type=child}}console。

log(继承传递参数,newChild(hello));//Child{name:hello,type:child}}

4。

gettersetter

{classParent{constructor(name=haha){this。

name=name;}//longName是一个属性,不是方法getlongName(){returnlu-+this。

name;}//longName是一个属性,不是方法setlongName(value){this。

name=value;}}letperson=newParent();console。

log(getter,person。

longName);//lu-hahaperson。

longName=helloconsole。

log(setter,person。

longName);//lu-hello}

5。

静态方法

{classParent{constructor(name=haha){this。

name=name;}//static关键字用来定义静态方法statictell(){console。

log(dotell}}//静态方法,直接通过类去调用,不是通过实例Parent。

tell();//dotell}

6。

静态属性

{classParent{constructor(name=haha){this。

name=name;}}//直接在类上定义静态属性Parent。

type=test//读取静态属性时,也是直接拿类读取console。

log(Parent。

type);//test}

AD:【5G云技术交流群】入群打赏4。

8,打赏备注QQ号,核对后进群

0个人已赞赞一个收藏(0)打赏

入群打赏请备注QQ,购买打赏请备注邮箱