Class 类概念

• 通过class关键字，可以定义类
• 在类中通过constructor定义构造方法
• 通过new来创建类的实例
• 通过super调用父类的构造方法

传统类的定义

function Point(x, y) {this.x = x;this.y = y;
}
Point.prototype.toString = function () {return '(' + this.x + ', ' + this.y + ')';
};
var p = new Point(1, 2);

使用ES6 的class定义

class Point {constructor(x, y) {this.x = x;this.y = y;}toString() {return '(' + this.x + ', ' + this.y + ')';}
}let point = new Point(1, 2);
console.log(point.toString());
// (1, 2)

类Class的特点

• 类的数据类型就是函数，类本身就指向构造函数

class Point {// ...
}typeof Point // "function"
Point === Point.prototype.constructor // true//案例 2
class Bar {doStuff() {console.log('stuff');}
}
var b = new Bar();
b.doStuff() // "stuff"

• 类的所有方法都定义在类的prototype属性上面

class Point {constructor() {// ...}toString() {// ...}toValue() {// ...}
}// 等同于
Point.prototype = {constructor() {},toString() {},toValue() {},
};

• constructor方法
  • constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加

class Point {
}// 等同于
class Point {constructor() {}
}

• 类的所有实例共享一个原型对象，原型都是Point.prototype，所以__proto__属性是相等的

let p1 = new Point(2,3);
let p2 = new Point(3,2);p1.__proto__ === p2.__proto__
//true

var p1 = new Point(2,3);
var p2 = new Point(3,2);p1.__proto__.printName = function () { return 'Oops' };p1.printName() // "Oops"
p2.printName() // "Oops"var p3 = new Point(4,2);
p3.printName() // "Oops"