Как работают классы в ECMAScript 6?

Question

[Алексей Ярков]

Как получить доступ к свойствам класса-родителя из класса-наследника?

class Model {
    constructor(model) {
        this.model = model;
    }
}

class Api extends Model{
    constructor(model, url) {
        super(model);
        this._url = url;
    }
    
    set url(v){
        this._url = v;
    }
    
    get url(){
        return this._url;
    }

    getModel() {
        console.log("super.model: ", super.model); // ПОЧЕМУ super.model ЗДЕСЬ undefined??????
    }
}

var api = new Api({name: "Model name", data: []}, "http://api.example.com");
api.getModel();

Answer 1

[Дмитрий Беляев]

// ПОЧЕМУ super.model ЗДЕСЬ undefined

Потому что Model.prototype не содержит свойства model

Пример:
es2015:

class A {
  constructor() {
     // ...
  }

  method() {
     // ...
  }

  static sMethod() {
    // ...
  }
}

class B extends A {
  constructor(x, y) {
    super(x);
    super.method(y);
  }
}

То же самое, на es5:

function A() {
  if(!(this instanceof A)) {
     throw new Error('Class constructor A cannot be invoked without \'new\'');
  }
  // ...
}
A.prototype.constructor = A;
A.prototype.method = function method() {
  // ...
};
A.sMethod = function sMethod() {
  // ...
};

function B(x, y) {
  if(!(this instanceof B)) {
     throw new Error('Class constructor B cannot be invoked without \'new\'');
  }
  A.call(this, x);
  A.prototype.method.call(this, y);
}
B.prototype = Object.create(A.prototype);
B.prototype.constructor = B;
B.sMethod = A.sMethod; //static методы тоже наследуются

Answer 2

[trevoga_su]

тем не менее, тема super не раскрыта совершенно

Answer 3

[Роман Огарков]

https://www.youtube.com/watch?v=yBNd-0dO1u8

https://learn.javascript.ru/es-class