title: JS class child returns undefined while accessing parent constructor
body: <p>I am getting undefined value while calling <code>rnd.winner()</code> in child class. This should return the name of player from parent like JOHN. Calling test function from child returns correct value of <code>win()</code> from parent. Calling <code>super.constructor.name</code> as return status in child returns parents class name -> <code>player</code> Now why is that?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class player {
    constructor(name) {
      this.name = name;
      this.win = 0;
      this.loss = 0;
    };
    win() {
      return this.win;
    };
    loss() {
      return this.loss;
    };
  };
  
  class scoreBoard extends player {
    constructor(round) {
      super();
      this.round = round;
      this.emblem = 0;
    };
    add() {
      return this.round.push([...this.round].pop() + 1);
    }
    winner() {
      return super.name;
    };
    loser() {
      return super.constructor.name;
    };
    emblem() {
      return this.emblem;
    };
    test() {
      return super.win();
    };
  };
  let plr = new player("JOHN"),
    rnd = new scoreBoard([0]);
  console.log(plr.name, rnd.winner(), rnd.test());</code></pre>
  </div>
  </div>
  </p>