es6新增class类

es6新增的class类是什么

ES6之前，JavaScript 语言中，生成实例对象的传统方法是通过构造函数。
ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
ES6中，使用class 来定义类，用来生成实例对象。ES6 的类，完全可以看作构造函数的另一种写法。

class类的特性：
1.默认会存在一个构造器constructor，每个class类都自带一个constructor 就相当于之前构造函数的 function
2. 一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加,class 中的constructor方法，就是构造方法
3.

使用class类 生成一个构造函数

    <script>
        //创建一个class类
        class Student {
            // 每个class类都自带一个constructor  就相当于之前构造函数的 function
            constructor(a, b) {
                this.name = a,
                    this.age = b
            }
            fn() {
                console.log('我是方法');
            }
        }

        let stu = new Student('阎涛', 18)
        console.log(stu.name);
        console.log(stu.age);
        stu.fn()

class继承方法

Class 可以通过结合extends关键字和 super()方法实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。
将需要继承的属性写在super（）内

子类必须在constructor方法中调用super方法，否则新建实例时会报错。
这是因为子类自己的this对象，必须先通过父类的构造函数完成塑造，
得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。
如果不调用super方法，子类就得不到this对象。
所以子类中的构造函数必须首先调用super()

        class Phone {
            constructor(a, b) {
                this.a = a
                this.b = b
            }
            call() {
                console.log('闫涛');
            }
        }

        class Symbl extends Phone {
            constructor(a, b, c, d) {

                // 使用super来调用Phone的constructor
                super(a, b)
                    // 初始化自己的方法
                this.c = c
                this.d = d
            }
        }

        let s = new Symbl(1, 2, 3, 4) //输出1,2,3,4  代表着把Phonea和b的初始化继承过来了
        console.log(s);

        s.call() //阎涛   继承了父类的call方法

静态方法

class中有一个s’tatic关键字 用static关键字修饰的方法，无法被实例化对象来调用，只能用构造函数直接调用

        class Yt {
            constructor(a, b, c) {
                    this.name = a,
                        this.age = b
                }
                // static 静态方法 有这个关键字之后 实例化的Yt就无法调用它，只有class能调用
            static fn() {
                console.log('我是静态方法');
            }

        }
        let stu = new Yt('阎涛', 18)
            // 无法调用
            // stu.fn()
            // 可以调用
        Yt.fn()