浅谈ES6中super关键字

作用：

super 关键字用于访问父对象上的函数。

语法：

super([arguments]); // 访问父对象上的构造函数
super.functionOnParent([arguments]); // 访问对象上的方法

详解：

super可以用在类的继承中，或者对象字面量中，super指代了整个prototype或者__proto__指向的对象

1 类（prototype相关）

a 用在子类constructor函数中

class Person {
  constructor (name) {
    this.name = name;
  }
}
class Student extends Person {
  constructor (name, age) {
    super(); // 用在构造函数中，必须在使用this之前调用
    this.age = age;
  }
}

super()调用会生成一个空对象，作为context来调用父类的constructor，返回this对象，作为子类constructor的context继续调用构造函数。

context：执行上下文 constructor：构造函数

b 调用父类的静态函数

class Human {
  constructor() {}
  static ping() {
    return 'ping';
  }
}

class Computer extends Human {
  constructor() {}
  static pingpong() {
    return super.ping() + ' pong';
  } // 只有在子类的静态函数中才能调用父类的静态函数（babel环境测试，按理说，在实例函数中应该也可以调用，不过实际测试环境中报错）
}
Computer.pingpong(); // 'ping pong'

2 对象的字面量（__proto__项目）

var obj1 = {
  method1() {
    console.log("method 1");
  }
}

var obj2 = {
  method2() {
   super.method1();
  }
}
// 必须利用setPrototypeOf将第二个对象的原型设为第一个对象
Object.setPrototypeOf(obj2, obj1);
obj2.method2(); // logs "method 1"