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

es6 类

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

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

类还提供了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 类” 的相关文章

js 数据保护

js 数据保护

es3的写法利用构造函数闭包来实现属性不可编辑es5的写法用一个defineProperty 来实现只可读 writable:falsees6的实现,代理new Proxy来实现,思想和es3很像,操作是代理对象person...

es6数值扩展

Number.isFinite    函数用于检查其参数是否是无穷大es6 只对数字操作,如果不是数字就返回falseisFinite(25) // true Number.isFinite(25) // trueisFinite("25"...

es6 语法

es6 语法

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

es6 promise

es6 promise

Promise是为解决什么问题而产生的?promise是为解决异步处理回调金字塔问题而产生的Promise的两个特点1、Promise对象的状态不受外界影响1)pending 初始状态2)resolve 成功状态3)reject 失败状态Promise 有以上三种状态,只有异步操作的结果可以决定当前...

精选之Promise

我们从promise是什么怎么会出现来一步步解决问题来深入了解1、了解 Promise 吗? 2、Promise 解决的痛点是什么? 3、Promise 解决的痛点还有其他方法可以解决吗?如果有,请列举。 4、Promise 如何使用? 5、Promise 常用的方法有哪些?它们的作用是什么...