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

es6 类

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

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

类还提供了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 数组扩展

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

es6 函数扩展

参数默认值rest参数扩展运算符箭头函数this绑定尾调用// 参数默认值{    function test(x,y='world'){        conso...

es6 解构函数默认值

es6 解构函数默认值

1,如果函数对数解构值有默认值的情况,调用传值参数不传不会报错2,如果出现解构值没有默认值,那当传参数的时候没有传就会报错...

自己实现最基础的promise

没事自己手写了一下 let pi=new Promise((resolve,reject)=>{ resolve(100); reject(0); }) p1.then(result=>{ console.log('成功'+result...