es6的class与es5的构造函数的异同点

一、不同点 (1)class的内部所有定义的方法，都是不可枚举的（non-enumerable）。

class Point {
  constructor(x, y) {
    // ...
  }

  toString() {
    // ...
  }
}

Object.keys(Point.prototype)
// []
Object.getOwnPropertyNames(Point.prototype)
// ["constructor","toString"]

上面代码中，toString()方法是Point类内部定义的方法，它是不可枚举的。这一点与 ES5 的行为不一致。ES5是可以枚举的。

var Point = function (x, y) {
  // ...
};

Point.prototype.toString = function () {
  // ...
};

Object.keys(Point.prototype)
// ["toString"]
Object.getOwnPropertyNames(Point.prototype)
// ["constructor","toString"]

(2)class必须用new调用创建出实例，es5的构造函数可以直接调用。 (3)类不存在变量提升（hoist），因为必须保证子类在父类之后定义。这一点与 ES5 完全不同。

new Foo(); // ReferenceError
class Foo {}

(4)继承机制完全不同 ES5 的继承机制，是先创造一个独立的子类的实例对象，然后再将父类的方法添加到这个对象上面，即“实例在前，继承在后”。ES6 的继承机制，则是先将父类的属性和方法，加到一个空的对象上面，然后再将该对象作为子类的实例，即“继承在前，实例在后”。这就是为什么 ES6 的继承必须先调用super()方法，因为这一步会生成一个继承父类的this对象，没有这一步就无法继承父类。 二、相同点

Point.prototype.constructor === Point // true

prototype对象的constructor属性，直接指向“类”的本身，这与 ES5 的行为是一致的。