淺談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"