最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

ES6中类与对象的讲解与应用

来源:动视网 责编:小采 时间:2020-11-27 20:20:26
文档

ES6中类与对象的讲解与应用

ES6中类与对象的讲解与应用:一、基本定义和生成实例 { // 基本定义和生成实例 class Parent{ constructor(name='mukewang'){//构造器,初始化一些参数 this.name=name; } } let v_parent=new Parent('v'); console.log(&#
推荐度:
导读ES6中类与对象的讲解与应用:一、基本定义和生成实例 { // 基本定义和生成实例 class Parent{ constructor(name='mukewang'){//构造器,初始化一些参数 this.name=name; } } let v_parent=new Parent('v'); console.log(&#


一、基本定义和生成实例 

{ // 基本定义和生成实例 class Parent{
 constructor(name='mukewang'){//构造器,初始化一些参数 this.name=name;
 }
 }
 let v_parent=new Parent('v');
 console.log('构造函数和实例',v_parent);
}

二、继承 (通过extends直接子类继承父类)

{ // 继承 class Parent{
 constructor(name='mukewang'){ this.name=name;
 }
 }

 class Child extends Parent{

 }

 console.log('继承',new Child());
}

  继承传递自己的参数(注意:可以使用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);
}

  静态方法和静态属性

{ // 静态方法 使用static声明 注意:静态方法只能通过类来调用,而不能通过类的实例进行调用,相当于es5中的私有方法 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);


}

文档

ES6中类与对象的讲解与应用

ES6中类与对象的讲解与应用:一、基本定义和生成实例 { // 基本定义和生成实例 class Parent{ constructor(name='mukewang'){//构造器,初始化一些参数 this.name=name; } } let v_parent=new Parent('v'); console.log(&#
推荐度:
标签: 对象 详解 类的
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top