ES6标准入门》第十八章：Class

Class基本语法

概述

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);

上面这种写法跟传统的面向对象语言（比如C++和Java）差异很大，很容易让新学习这门语言的程序员感到困惑。

//定义类
class Point { constructor(x, y) { 
this.x = x; this.y = y;
}
toString() { 
return '(' + this.x + ', ' + this.y + ')';
 }
}

上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。也就是说，ES5的构造函数Point，对应ES6的Point类的构造方法。

Point类除了构造方法，还定义了一个toString方法。注意，定义“类”的方法的时候，前面不需要加上function这个关键字，直接把函数定义放进去了就可以了。另外，方法之间不需要逗号分隔，加了会报错。

class Point {
// ... 
} 
typeof Point // "function" 
Point === Point.prototype.constructor // true

上面代码表明，类的数据类型就是函数，类本身就指向构造函数。

class Bar {
doStuff() { console.log('stuff');
 }
}
var b = new Bar();
b.doStuff() // "stuff"

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

class B {} 
let b = new B();
b.constructor === B.prototype.constructor // true

上面代码中，b是B类的实例，它的constructor方法就是B类原型的constructor方法。

class Point { constructor(){ // ... }
} 
Object.assign(Point.prototype, {
toString(){},
 toValue(){}
});

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

class Point { constructor(x, y) { // ... }
toString() { // ... }
} 
Object.keys(Point.prototype) // [] 
Object.getOwnPropertyNames(Point.prototype) // ["constructor","toString"]

var Point = function (x, y) { // ... };
Point.prototype.toString = function() { // ... };
Object.keys(Point.prototype) // ["toString"] 
Object.getOwnPropertyNames(Point.prototype) // ["constructor","toString"]

上面代码采用ES5的写法，toString方法就是可枚举的。

let methodName = "getArea"; 
class Square{ constructor(length) { // ... }
 [methodName]() { // ... }
}

上面代码中，Square类的方法名getArea，是从表达式得到的。