ES6中的类

一.类

在javascript语言中，生成实例对象使用构造函数；ES6提供了类Class这个概念，作为对象的模板。定义一个类通过class关键字，ES6的类可以看成是构造函数的另一种写法。

1.定义一个类

class Person{
  // 类的构造器，如果没写会自动生成一个空的
  constructor(name,age){
    this.name = name
    this.age = age;
  }
  // 公共方法，类似于是存在于ES5存在于原型中的方法
  sayName(){
    console.log(this.name);
  }
}

constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类类必须有constructor方法，如果没有显示定义，一个空的constructor方法会被默认添加。

通过static关键字来定义静态属性和静态方法，也可以在外侧添加静态属性；静态属性和静态方法是定义在类【构造函数】上的，所以可以通过类构造函数直接访问。在静态方法中，this指向当前类【构造函数】

class Person {
	constructor(name, age, weight) {
		// 实例私有属性
		this.name = name;
		this.age = age;
		this.weight = weight
	}
	// 实例公共方法
	sayName () {
		console.log(this.name);
	}
	// 引用数据类型
	// 实例私有属性 
	test = ['hello'];
	// 基本数据类型  实例公共属性 
	test1 = 'hello';
	// 静态属性和静态方法
	static attr = '静态属性';
	static Method () {
		console.log('静态方法');
	}
}
let p1 = new Person('可乐', 12, '10kg');
let p2 = new Person();
// console.log(p1,p2);
// p1.test.push('tom');
// console.log(p1,p2);
console.log(p1.test === p2.test, '私有属性');
console.log(p1.test1 === p2.test1);
// console.log(Person.Method());

二、继承

class可以通过extends关键字实现继承，子类可以没有构造器，系统会默认分配。子类提供了构造函数则必须要显式调用super。super函数类似于借用构造函数。类似于Animal.call()

1.子类的对象指向父类的对象

2.子类的原型对象指向父类的原型对象

class Animal {
  constructor(name, age, weight) {
    console.log('父类构造器');
    this.name = name;
    this.age = age;
    this.weight = weight;
  }
  // 实例方法
  sayName () {
    console.log(this.name);
    console.log('父类的方法');
  }
  static animalAttr = '父类静态属性'
  static animalMethods (d) {
    return d instanceof Animal
  }

}

// 继承 extends关键字继承  必须显示super()
class Dog extends Animal {
  constructor(name, age, weight, type) {
    // 调用父类的构造器
    super(name, age, weight);
    console.log('子类构造器');
    this.type = type
  }
  sayName () {
    console.log('这是子类的公共方法');  //现在子类里面找这个方法如果没找到再到父类里面找
  }
}

let d1 = new Dog('富贵儿', 12, '10kg', '泰迪')
// let d1 = new Dog()
d1.sayName()
console.log(Dog.animalAttr);  //静态方法的继承
console.log(d1.name);