ES6中class类解析（一）

       什么是类：  在ES6中新增加了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类( class )对象特指某一个，通过类实例化一个具体的对象 ， 表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然是原型和构造函数的概念。所以他也是构造函数的——语法糖。

一、类定义：

1. 匿名类

let Example = class {};

2、命名类

let Example = class Example {};

3.类声明

class Example {}
            //不可以重复声明一样的名字 

注意：类不会被提升

// class Example {}
      // let wq = new Example();
      // let star = new Start();
      // function Start(uname, age) {
      //   this.uname = uname;
      //   this.age = age;
      // }

      //跟构造函数作比较
      //   let star = new Star();
      //   function Star() {}

二、创建类和添加方法

1.constructor构造函数：

    constructor()方法是类的构造函数(默认方法)，用于传递参数返回实例对象，

    通过new命令生成对象实例时，自动调用该方法。如果没有显示定义,类内部会自动给拽们创建一个constructor

 2.总结要点

(1) 通过class 关键字创建类,类名我们还是习惯性定义首字母大写

(2) 类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象

(3) constructor函数只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数

(4) 生成实例 new 不能省略

        1.在内存中创建了一个新对象

       2.这个新对象内部的[[Prototype]]指针被赋值为构造函数的prototype属性

      3.构造函数内部的this被赋值为了这个新对象(即this指向新对象)

        4.执行构造函数内部的代码(给新对象添加属性)

        5.如果构造函数返回非空对象,则返回该对象:否则,返回刚创建的新对象

(5) 最后注意语法规范,创建类,类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加function

(6) 我们类里面所有的函数不需要写function

(7) 多个函数方法之间不需要添加逗号分隔

三、类的继承

1.如果在基础父类的情况下还下下面的语句,这son传的参数给了子类的x和y的值,而父类却没有,如果想把子类的x和y传给父类的话则需要使用到super关键字了

2.super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数

3.  继承中的属性或者方法查找原则:就近原则

(1).继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的

(2).继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就进原则)

使用super时要注意几个问题

1.super()只能在子类构造函数和静态方法内使用

2.不能单独引用super()关键字,要么用它调用构造函数,要么用它引用静态方法  

3.调用super()会调用父类构造函数,并将返回实例赋值给this  

4.super()的行为如同调用构造函数,如果需要给父类构造函数传参,则需要手动传入

5.如果没有定义类构造函数,在实例化派生类时会调用super(),而且会传入所有传给子类的参数

6.在类构造函数中,不能调用super()之前引用this  

7.如果在子类中显示定义了构造函数,则要么必须在在其中调用super(),要么必须在其中返回一个对象

super调用父类的构造函数
        class Father {
                constructor(x, y) {
                  this.x = x;
                  this.y = y;
                }
                sum() {
                  console.log(this.x + this.y);
                }
              }

              class Son extends Father {
                constructor(x, y) {
                  super(x, y);
                }
              }
              var son = new Son(1, 2);
              son.sum(); 

上述中提到了类的定义和类的基本原则，还有继承和调用super()的使用，希望对你们有所帮助。