JS的ES6的class

1.类的创建：

• 定义类

• 类的构造函数

• 类的静态方法

• 类的一般属性和方法

 //定义类
 class Person{

   // 类的静态方法,相当于Person.test = function(){console.log("类的静态方法");}
   static test() {
     console.log("类的静态方法");

   }

   //constructor构造函数
   constructor(name,age){

     console.log("调用构造函数");
     this.name = name;
     this.age = age;
   }

   //类的一般方法,定义在实例对象的原型对象上,相当于Person.prototype.show = function(){console.log("this.name,this.age");}
   show(){
     console.log(this.name,this.age);

   }
 }

 let person1 = new Person("wzh",25);
 console.log(person1);

 person1.show();
 Person.test();

2.继承

• super

• extends

 //定义类
 class Person{

   // 类的静态方法,相当于Person.test = function(){console.log("类的静态方法");}
   static test() {
     console.log("类的静态方法");

   }

   //constructor构造函数
   constructor(name,age){

     console.log("调用构造函数");
     this.name = name;
     this.age = age;
   }

   //类的一般方法,定义在实例对象的原型对象上,相当于Person.prototype.show = function(){console.log("this.name,this.age");}
   show(){
     console.log(this.name,this.age);

   }
 }

 let person1 = new Person("wzh",25);
 console.log(person1);

 class Child extends Person{

   constructor(name,age,sex){
     super(name,age);  //调用父类构造函数构造子类
     this.sex = sex;
   }

   //重写父类同名函数
   show(){
     console.log(this.name,this.age,this.sex);

   }

 }

 let child = new Child("wzl",24,"男");
 child.show();