概述
在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。
class 的本质是 function。
它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。
类的使用
小demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
//1、创建类 class 创建一个 明星的类
class Star {
//类的共有属性写在constructor
constructor(username,age){
this.username = username;
this.age = age;
}
// 在类中添加共有的方法（函数）
sing(song){
console.log(this.username+"和"+song)
}
//类里面所有的函数不需要写function
// 多个函数方法之间不需要添加逗号分隔
}
//2、利用类创建对象 new
var llj = new Star('张杰',18)
var wj = new Star('郑爽',16)
console.log(llj);
console.log(wj);
llj.sing("王力宏");
wj.sing("那英")
</script>
</body>
</html>
总结：
- class 关键字创建类，类名最好是首字母大写。
- 类里面有个constructor 函数，可以接收传递来的参数，同时返回给实例对象。（this 指向的是 new 的实例）
- constructor 函数只要被new 生成实例时，就会自动调用类里面这个函数，如果我们不写这个函数，类也会自动生成这个函数。
- 生成实例 new 不能省略。
- 最后注意语法规范，创建类，类名后面不要加小括号，生成实例类名后面加小括号，构造函数不需要加function
类的继承
现实生活中继承：子承父业，子继承父亲的姓。
程序中的继承：子类可以继承父类的属性和方法。
extends 关键字
语法：
<script>
// 父类 Father
class Father{
// 父类
}
// 通过 extends 关键字继承
// 子类 Son
class Son extends Father{
//子类继承父类
}
</script>
example：
// 父亲类 Father
class Father {
constructor（）{
}
money(){
console.log("我有1000元")
}
}
//子类 Son 通过 extend 继承 Father
class Son extends Father{}
var son = new Son();
console.log（son.money()）;// 我有1000元
super 关键字
super 关键字用于访问和调用对象父类上的函数。 可以调用父类的构造函数，也可以调用父类的普通函数。
语法：
class Father{
say(){
return '我是father';
}
}
class Son extends Father{ // 子类继承了父类的属性和方法
say(){
//super.say() // super 调用父类的普通方法
return super.say() + '的son'；
}
}
var damao = new Son();
console.log(damao.say());//我是father 的son
example：
class Father{
constructor(x,y){
//这里的this 指向是自己的constructor
this.x = x;
this.y = y;
}
sum(){
console.log(this.x + this.y);
}
}
class Son extends Father{
constructor(x,y){
//这里的this 指向是自己的constructor,不能被父类接收
//this.x = x;
// 所以需要用到super关键字,调用父类里面的构造函数constructor
//super关键字必须放到this 前面
super(x,y);
this.x = x;
this.y = y;
}
sub(){
console.log(this.x - this.y);
}
}
var son = new Son(5,3);
son.sum(); // 8
son.sub(); //2
总结：
- 继承中的属性或者方法查找原则：就近原则
- 继承中如果实例化子类输出一个方法，先看子类有没有这个方法，如若有先执行子类的。
- 继承中，如果子类里没有就去查找父类有无这个方法，如若有就执行父类里面的。
- 子类在构造函数中使用super,必须放到this前面（必须先调用父类的构造函数，再使用子类的构造方法）
人生若只如初见，余生请对我好一点！
