classes

在ES6中声明一个class

在ES6中，你可以使用如下的方式进行Class声明。在使用的过程中，有一点需要特别注意，一定要先使用下面的任何一种方式声明的class，才能引用class定义。这个和原先的JavaScript prototype方式声明有很大的区别，在原先的方式中，因为class是通过function来声明的，而在javascript中，function将自动变成全局可见，所以class的定义可以出现在引用之后。
在后面的文章中，为了保持代码的一致性和文章的清晰，我们将只适用第一种方式进行class定义

• 使用class关键字

  class Polygon{
  }
  

  *使用class表达式进行声明

  var Polygon = class {
  }
  

  定义class的构造函数

  通过使用constructor关键字，你可以给class定义一个构造函数。不过在整个class的定义中，只能有一个构造函数存在.下面是一个具体的例子

  class Polygon{
    constructor(height, width){
        this.height = height;
        this.width = width;
    }
  }
  

  给class增加成员属性

  在ES6中， 你可以通过getter和setter方法，给类增加属性。如果属性只有getter方法，那么它就是一个只读属性；如果属性同时又setter和getter方法，那么它就是一个可读写属性。请看下面的例子

  class Polygon{
    constructor(height, width){
        this.height = height;
        this.width = width;
    }
    get name(){
        return this.name;
    }
    set name(somename){
        this.name = somename;
    }
  }
  

  给class增加成员函数

  这点没什么可说的，就是在类定义中增加函数定义即可，请看下面的例

  class Polygon{
    constructor(height, width){
        this.height = height;
        this.width = width;
    }
    get name(){
        return this.name;
    }
    set name(somename){
        this.name = somename;
    }
  
    //readonly property
    get area(){
        return calcArea();
    }
  
    calcArea(){
        return this.height * this.width;
    }
  }
  

  实现class的继承

  在ES6中，通过使用extends关键字，你可以使用累的继承

  class Animal{
    constructor(name){
        this.name = name;
    }
  
    say(){
        console.log(this.name + " try to say something...");
    }
  }
  class Dog extends Animal{
    say(){
        //可以通过super关键字来调用父类的方法
        super.say();
        console.log(this.name + " barking...");
    }
  }
  

  静态成员函数

  在ES6中，你可以使用static关键字来定义静态成员函数。静态成员函数的功能主要是对外提供一些辅助方法。在下面的例子中，Point类就向外提供了一个辅助方法来计算2点间的距离

  class Point(){
    constructor(x, y){
        this.x = x;
        this.y = y;
    }
    static distance(a, b){
        constant dx = a.x - b.x;
        constant dy = a.y - b.y;
        return Math.sqrt(dx * dx + dy * dy);
    }
  }