ES6学习总结是自己在学习过程中的总结,记笔记就是为了督促自己学习和复习,好记性不如烂笔头。如果有错误,感谢指出。
基本语法
{
// 基本定义和生成实例
class Parent{
constructor(name='mukewang'){//构造器,初始化一些参数
this.name=name;
}
}
let v_parent=new Parent('v');
console.log('构造函数和实例',v_parent);
}
类的继承
this在super之后,super在第一行
{
// 继承传递参数
class Parent{
constructor(name='mukewang'){
this.name=name;
}
}
class Child extends Parent{
constructor(name='child'){
super(name);
this.type='child';
}
}
console.log('继承传递参数',new Child('hello'));
}
getter setter
{
// getter,setter
class Parent{
constructor(name='mukewang'){
this.name=name;
}
//注意下面的longName是属性而不是方法
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('setter',v.longName);
}
静态方法
静态方法通过类调用,不通过类的实例去调用,相当于es5中的私有方法
{
// 静态方法 使用static声明
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);
}
网友评论