ES6笔记（一）：类的基本用法总结

一、基本写法

a. 
class Example {
  constructor(a, b) {
    this.a = a;
    this.b = b;
  }

  say () {
    return 'a: ' + this.a + ', b: ' + this.b;
  }
}

b. 
typeof Example  // "function"
Example  === Example.prototype.constructor  // true

c. 
let e = new Example ();
e.constructor === Example.prototype.constructor  // true

d.
Object.keys(Example.prototype)  // []
Object.getOwnPropertyNames(Point.prototype) // ["constructor","say"]

e. 
const MyClass = new class {};
let inst = new class{}();

a.上面定义了一个类，包含着一个构造函数和一个say方法。构造函数内的this指向实例对象，且该函数默认返回this；如果没有显式定义定义构造函数，在通过 new 生成实例对象时会默认添加一个空的 constructor方法；

b. 类的类型是函数，且指向自身的构造函数；

c. 类的所有方法都定义在类的 prototype 属性上面；如果要修改原型对象，不建议用proto方法。可以使用 Object.getPrototypeOf(obj) 和 Object.setPrototypeOf(object, prototype) 来获取及修改；

d. 类的内部所有定义的方法，都是不可枚举的；如有需要，可以用Object.getOwnPropertyNames 和 Reflect.ownKeys 方法进行遍历。前者包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名，后者包含对象自身的所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举；

e. 类可以用表达式来定义；利用表达式可以定义一个立即执行的类，可以通过类后面的括号传递参数给该类的构造函数；

注意：

1. es5中原型对象上的方法是可枚举的；
2. 类的属性名可以使用表达式；
3. 如果不用 new 命令去调用类，会报错；而es5中的构造函数可以直接调用；es6为new 命令引入了 new.target属性，返回该命令作用的那个构造函数；
4. 类的构造函数可以返回其他对象，这时生成的对象便不在是该类的实例对象；
5. 类不存在变量提升；

二、属性与方法

class MyName {
  constructor() {...}
  set name(value) {
    console.log('setter: '+value);
  }
  get name() {
    return 'getter';
  }
  static name() {
    return 'Mary';
  }
}

a.
let nameInst = new MyName();
nameInst.name   // 'getter'
nameInst.name = 'Bob';   // setter: Bob

b.
MyName.name();  // 'Mary'

class HerName  extends MyName {}
或
class HerName  extends MyName {
  static name() {
    return super.name();
  }
}

HerName.name(); // 'Mary'

a. 可以在类中定义某个属性的存值与取值函数；这两个函数其实是设置在属性的Descriptor对象上的；

b. 类的方法前加 static 关键字表明该方法是一个静态方法，不能被实例继承；静态方法内的this指向该类；且静态方法可以与非静态方法重名，也能被子类所继承；