JavaScript 类class、insertAdjacentHTML方法

类的概念

类就是用来创建一类对象的模板，等同于构造函数；
实例：用类创建出来的一个对象；

类的基本使用

创建类：

class 类名 {
	constructor () {
		this.属性名 = 属性值;
	}
	方法名 () {
		
	}
}

constructor：为创建的对象添加属性和方法；
公用的方法：所有的实例都可以调用；1.公共的方法不属于任何一个实例对象，但是所有实例对象都可以调用；2.公共的方法中的this指向调用该方法的实例对象；3.实例调用方法的时候优先调用实例的方法，如果没有再调用公共方法；

使用类创建对象：

new 类名()

类的继承

语法格式：

class 子类 extends 父类 {
	constructor () {
		super();
	}
}

特性：
1.子类的constructor中，可以使用super关键字，借用父类的constructor为子类的实例添加属性和方法；（注意：在子类的constructor中，为子类的实例添加属性和方法之前，必须先调用super）
2.子类的实例可以调用父类的公共方法；（注意：实例调用方法时，会先调用自身的方法，如果没有则调用类的公共方法，都没有的话再去调用父类的方法）

insertAdjacentHTML方法

语法：元素.insertAdjacentHTML(位置，插入的内容)
位置：1.beforebegin–开始之前、插入为元素前面的兄弟；2.afterbegin–开始之后、插入为元素的第一个子标签；3.beforeend–结束之前、插入为元素的最后一个子标签；4.afterend–结束之后、插入为元素后面的兄弟；