¿Alguien puede explicar la palabra key 'super ()' en ES6 Javascript (especialmente relacionado con React)?

Estoy aprendiendo React.js, y veo que la palabra key super usa mucho en las funciones de constructor.

Entiendo que super permite que una subclass tenga acceso a this palabra key. Sin embargo, no puedo encontrar mucha más explicación.

  • ¿Por qué llamar a super() , mágicamente, le da a mi class acceso a this ?
  • ¿Por qué la palabra key super vincula this al context de la class?
  • Cuando no estoy tratando con una subclass, ¿por qué no tengo que llamar a super() ?

Perdón por la foto en japonés, pero parece fácil de entender.

Cuando usa la function super en las funciones de miembros de la class, también se espera que se use la palabra key extends . Cuando llamas súper como super(args) en la class extendida , llama al constructor de la class extendida . También puede llamar a las otras funciones miembro de la class extendida con super.methods(args) , no super(args) .

se extiende y super (De https://liginc.co.jp/266587 )

ACTUALIZAR

FYI: ¿Cuál es la diferencia entre "super ()" y "super (props)" en React cuando se usan classs es6? Esta discusión explica bien cómo el componente super en reacción afecta esta restricción de context. Bueno para leer

En realidad, una llamada super en el constructor llama al constructor de la class padre. Puede tener acceso a this independientemente de usarlo o no, pero en el context de reactjsr, estas properties asociadas con this , como this.props y this.state se configuran y configuran correctamente en el constructor de la class React.Component . Entonces, es por eso que debes llamar a super primero, para que esté configurado correctamente.