Почему не получается расширить класс JS?

Question

[Evtera]

Здравствуйте. Есть следующий класс.

class Select {
  constructor(el) {
    if (typeof el === "string") {
      el = document.querySelectorAll(el);
    }

    if (typeof el[Symbol.iterator] === "function") {
      return [...el].map((n) => new Select(n));
    }

    this.$select = el;
 }
}

const select = new Select(".select");

Я хочу использовать методы класса а так же this.$el в другом классе, чтобы расширить всю эту функцию.
Пишу следующее, но не выходит

class Checkboxes extends Select {
  constructor(props) {
    super(props);
  }

  voice() {
    console.log("Asd");
  }
}

const checkboxes = new Checkboxes(".selectCheckboxes__line");

Что я делаю не так?

Answer 1

[0xD34F]

return [...el].map((n) => new Select(n));

Здесь всегда возвращается массив экземпляров базового класса.
А надо текущего - замените Select на this.constructor.

Comments

[Evtera]

вы не первый раз меня уже выручаете :D