当前位置:首页 > ES6 > 正文内容

es6 类

自由小鸟6年前 (2019-07-30)ES63523

类的概念(基本语法,继承关系,静态方法,表态属性)

类还提供了getter  setter


{
//基本定义和生成实例
class Parent{
constructor(name='mukewang'){
this.name=name;
}
}
}
{
//继承
class Parent{
constructor(name='mukewang'){
this.name=name
}
}
class Child extends Parent{
}
console.log('继承',new Child());
}
//继承传值
{
class Parent{
constructor(name='mukewang'){
this.name=name
}
}
class Child extends Parent{
constructor(name='child'){
super(name) //super一定放第一行
this.name=name
}
}
console.log('继承',new Child('aaa'));
}
{
//getter setter
class Parent{
constructor(name='mukewang'){
this.name=name
}
get longName(){
return 'mk'+this.name
}
set longName(value){
this.name=value
}
}
let v=new Parent();
console.log('getter=='+v.longName);
v.longName='hello'
console.log('getter=='+v.longName);
}
{
//静态方法
class Parent{
constructor(name='mukewang'){
this.name=name;
}
static tell(){
console.log('tell');
}
}
Parent.tell();  //静态调用是通过类来调用,而不是实例调用
}
{
//静态属性
class Parent{
constructor(name='mukewang'){
this.name=name;
}
//静态方法
static tell(){
console.log('tell');
}
}
//静态属性
Parent.type='test';
console.log('静态属性',Parent.type);
}




版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=55

返回列表

上一篇:es6 语法

下一篇:es6 promise

“es6 类” 的相关文章

es6 解构的使用场景

二,解构{    let a,b,rest;    [a,b]=[1,2]    console.log(a,b);  // 1 2}{   ...

es6 数组扩展

Array.fromArray.ofcopyWithinfind/findindexfillentries/keys/valuesinludes{    let arr=Array.of(3,4,7,9,11)   //把一组数据变量转换成...

es6 语法

es6 语法

数据结构set的用法    weakSet的用法   Map的用法   weakMap的用法set用法{    let list=new Set()    li...