Как получить аргументы Parent в Child class?

Question

[Unknown]

Привет!
Пытаюсь вызвать метод index() родительского класса Slider для ребенка Events с помощью new Events().index()
Естественно, чтобы код работал корректно нужно указать контекст вот так new Events(slider).index().
Но мне интересно узнать вариант с наследованием аргументов, если такое возможно.
Насколько я понимаю нужно получить constructor родительского класса Slider в ребенке Events, поэтому я использую super для наследования свойств конструктора, но это не работает потому что контекст this вызывается до super.

Вот код:

'use strict';

const area = document.querySelector('.vertical-slider'),
      slider = document.querySelectorAll(".slider-item"),
      sliderStage = document.querySelector('.slider-stage');

let curItem, sliStage, heightItem, distanceEl, marginItem, num, thisItem;

class Slider {
    constructor(slides, startIndex = 0) {
        this._slides = slides;
        this._currentSlideIndex = startIndex;
    }
    index() {
        const indexItem = this._slides[this._currentSlideIndex++];
        console.log(indexItem);
    }
}

class Events extends Slider {
    constructor() {
        super.constructor();
    }
}
const sliderInit = new Slider(slider);
const events = new Events();
events.index();

В старом стиле с прототипами можно было делать в классе Events так Slider.apply(this, arguments) - правильно ли я понимаю работу этой строчки я уже сомневаюсь, потому что она мне не помогла.

Comments

[Kovalsky]

Старый стиль никуда не делся, вы можете реализовать всё то же самое, только стиль объявления изменился. Скажите, что именно нужно сделать? Вам нужно в теле конструктора Events вызвать конструктор Slider с аргументами переданными в Events?

"чтобы код работал корректно нужно указать контекст вот так new Events(slider).index()" - почему вы называете это указанием контекста? Вы просто передаёте slider в конструктор как аргумент.

[Unknown]

Никита Полевой, я хочу вызвать метод index() (который находится в классе Slider) через дочерний класс Events.
для этого мне нужно получить контекст this (как я понимаю, т.е. элемент slider)
PS но я не хочу получать его вот так new Events(slider), я хочу получить его методом наследования

[Kovalsky]

Richard, все равно не понятно что вам нужно. По идее метод index имеет смысл только в контексте объекта Slider. Собственно, ООП как раз об этом: вызов метода вне экземпляра класса не имеет смысла, кроме случаев когда метод статический. Лучше расскажите какая цель, что именно вы пытаетесь сделать, может тогда станет понятно. Конечно, если у вас есть элемент слайдера, то вам сначала надо вызвать конструктор Slider, и уже потом у этого объекта вызывать нужные методы.

У вас в коде ошибка: в конструкторе нужно вызывать super, а не super.constructor.

"я не хочу получать его вот так new Events(slider), я хочу получить его методом наследования" - это и есть наследование: экземпляр класса Events имеет доступ к методу index.

Вы кажется немного неправильно организовали наследование, вам кажется совсем не нужно чтобы Events был подклассом класса Slider. Но это только догадки.

[Unknown]

Никита Полевой, https://codepen.io/Richswitch/pen/YEOjzX
в консоли ошибка из-за super
хочу ее обойти

s-jet, да, логика ясна, но все равно не работает

[Kovalsky]

Richard, "да, логика ясна, но все равно не работает" - я не знаю, что имел в виду s-jet, но его код смысла особенно не имеет, т.к. этот метод и так наследуется без объявления в подклассе, и всё как раз так и работает по умолчанию. Разница только в том, что в вашем коде вы вызываете этот метод у объекта у которого нет соответствующих свойств, не у слайдера.

"в консоли ошибка из-за super" - вы не можете вызвать этот метод не имея экземпляра суперкласса. И это логично. Поэтому я и спрашиваю у вас, что именно вы пытаетесь сделать.

[s-jet]

Никита Полевой, Сорян, я просто логику именно его кода не разобрал

[Unknown]

Никита Полевой, хочу вызвать events.index();
по поводу наследования в ES 2015. Я понял из учебника, что свойства и методы наследуются из родителя автоматически, кроме контекста и это тоже понятно почему. Но могу ли я получить этот контекст путем наследования (или каким-то другим)?

[Kovalsky]

Richard, "хочу вызвать events.index();" - вот есть у меня объект слайдера, хочу получить его текущий индекс, выполняю метод index и получаю результат взаимодействия этой функции с нужным мне объектом слайдера. А какой результат вам нужен при вызове этого метода в контексте вообще другого класса объектов? Как только вы объясните в чем смысл вызова index от лица экземпляра Events, так сразу и станет понятно что вы хотите сделать и как это реализовать. Upd: я посмотрел es5-код из примера, в принципе понятно что вы хотите сделать, но опять же непонятно зачем вам для этого нужен подкласс Events.

Нет, наследовать вы ничего не можете тут. Если вам нужно чтобы к экземпляру Events был привязан определенный экземпляр Slider (чтобы вызывать у него методы), то вам придётся как-то его передать, например в качестве аргумента при сборке экземпляра Events. Как я уже сказал, вообще не вижу смысла в структуре Slider -> Events, потому что она нелогична (в качестве примера логичной можете взять Creatures -> Animals -> Dogs), но если вы хотите связать два объекта, то вам придется сделать это явно, встроенных механизмов для этого не существует.

Раз вы хотите использовать наследование, то вы вполне можете минуя создание слайдера сразу создавать Events - new Events( slider ). Это не логично, но так вы сможете достичь желаемого.

[Unknown]

Никита Полевой, спасибо, теперь все стало ясно. Пишите в ответы)

не вижу смысла в структуре Slider -> Events

Это мой первый опыт с ООП и, знаете, я просто хотел что-нибудь унаследовать поскорее. Поэтому и не совсем логичная конструкция. Но я это исправлю. Обещаю!

[ой всё]

event по отношению к слайдеру - это свойство, а не объект
и слайдер не может быть классом в данном случае
если вы слабо представляете себе понятия класс и объект, то у вас всегда будут такие проблемы

[Unknown]

ой всё, что по вашему должно являться классом?

[ой всё]

Richard, например, плагин или виджет

[Anton fon Faust]

Если вы наследуете event от slider, то метод index у вас будет в обоих классах.
И вызывать родительский конструктор из дочернего явно (в данном случае) нет никакой необходимости.

Answer 1

[Владимир Кашутин]

class Slider {
    constructor() {
        console.log('Slider')
    }
    index() {
        console.log('index')
    }
}

class Events extends Slider {
    constructor() {
		super()
        console.log('Events')
    }
}
var events = new Events()
events.index()