class

class“类”

• 概述
  这是es6引入的一个概念，class类将会作为对象的模板。基本写法：

  //定义类
  class Point{
  
      constructor(x, y){//构造方法：就是es5中的构造函数
          this.x = x;
          this.y = y;
      }
  
      toString(){
          return '('+this.x+','+this.y+')';
      }
  }
  

  定义构造方法时，前面不需要添加function保留字，另外，方法之间不需要逗号分隔。

• 创建实例对象
  和es5一样也是使用new命令来创建类的实例对象。

• name属性
  name属性总是返回紧跟在class关键字后面的类名

  class Point{}
  Point.name //"Point"
  

• class 表达式
  与函数一样，class也可以使用表达式的形式定义：

  //class表达式
  const MyClass = class Me{
      getClassName(){
          return Me.name;
      }//
  }
  

  上面的表达式定义了一个类，这个类的名字是MyClass，而不是Me。Me只能在class的内部使用，指代当前的类。
  例子：

  //立即执行的class
  let person = new class{
      constructor(name){
          this.name = name;
      }
  
      sayName(){
          console.log(this.name);
      }
  
  }("小米");
  
  person.sayName();//小米
  

• 不存在变量提升：
  实例对象在使用前，必须定义该实例对象所继承的类。

• class的继承

  • class之间通过extends关键字实现继承。
  • 子类必须在constructor方法中调用super方法，这样新创建的实例才会有用，因为子类没有自己的this对象。也就是说，在子类中必须先调用super方法之后，才能使用this关键字。super关键字代表父类的实例。

• class的取值函数（getter）和存值函数（setter）

• class的generator方法：在某方法前面加上*号，该方法就成为了generator方法；
• class的静态方法及静态属性

• new.target属性
  该属性的作用在于返回new命令所作用的构造函数，如果构造函数不是通过new命令调用的，那么new.target就会返回undefined。

  function Person(name){
      if(new.target === Person){
          this.name = name;
      }else{
          throw new Error("必须使用new生成实例");
      }
  }
  
  var person = new Person('小明');
  //console.log(person);正确
  var person01 = Person.call(person, '小明');
  //console.log(person01);报错
  

• 只能用来继承，不能实例化的类

  //子类继承父类时new.target会返回子类，所以可以写出不能单独使用，必须继承后才能使用的类
  
  class shape{
      constructor(){
          if(new.target === shape){
              throw new Error('本类不能实例化');
          }
      }
  }
  
  class angle extends shape{
      constructor(length, width){
          super();
          this.length = length;
      }
  }
  
  //var x = new shape();//报错
  var y = new angle(3, 4);
  console.log(y);