Как перекрыть свойства класса?

Question

[Александр Панасин]

При создании объекта, применяется свойства родителя в конструкторе, а не вызванного класса.
Разве так и должно быть? Как тогда перекрыть свойства не создавая конструктор?

class Element {
  _collectionName = null;

  constructor () {
    console.log(this._collectionName);
  }
}
class Users extends Element {
  _collectionName = 'users';
}

const users = new Users();

/* console.log - null */

Comments

[WapSter]

Ну вообще-то у дочернего выше приоритет. Но в твоем консоль логе контекст родителя.

const users = new Users();
console.log(users._collectionName) // "users"

[Ярослав Иванов]

И где тут свойства? Свойства через this делают

[Александр Панасин]

WapSter, меня интересует чтобы в конструкторе срабатывало свойство, а он выдает null у меня.

[Александр Панасин]

Ярослав Иванов, 2 строка кода

[Ярослав Иванов]

Nexwich, свойства через this

[Михаил]

Так ещё веселей

class Element {
  collectionName = null;

  constructor () {
    console.log(this.collectionName); // null

    setTimeout(() => {
      console.log(this.collectionName); // 'users'
    })
  }
}

class Users extends Element {
  collectionName = 'users';
}

const users = new Users();

[Александр Панасин]

Михаил, спасибо. Но данное решение только на крайний случай.

[Михаил]

Александр Панасин, отсутствующий constructor значит constructor () { super() }

а super() значит вызвать родительский конструктор (функцию) и унаследоваться от того, что он вернёт

class Test {}

class Element {
  constructor () {
    return new Test();
  }
}

class Users extends Element {}

const users = new Users();
console.dir(users.__proto__) // Test {}

[Михаил]

Александр Панасин, ваше

свойство класса

перекрывается, просто вы его логируете до этого

class Element {
  _collectionName = null;

  log() {
    console.log(this._collectionName);
  }
}

class Users extends Element {
  _collectionName = 'users';
}

const users = new Users();

users.log(); // 'users'

[Александр Панасин]

Михаил, Задача выполнить код в конструкторе чтобы ничего не вызывать.

[Михаил]

Александр Панасин, ¯\_(ツ)_/¯ меняйте задачу

Answer 1

[Алексей]

console.log вызывается в контексте родителя, напишите свой конструктор для дочернего элемента (не забудьте про super) с console.log

Comments

[Александр Панасин]

Я хочу обойти вызов конструктора в дочернем классе. По идее класс Users должен унаследовать конструктор родителя, что он и делает, но свойства почему то использует родительские.

[Алексей]

Александр Панасин, он использует родительский контекст, а не свойства. Прочитайте про this

[Ярослав Иванов]

Александр Панасин, 3-й раз написать что свойства через this делают?

[Александр Панасин]

Ярослав Иванов, если бы вы привели пример решения, то может я бы не тупил.

[Ярослав Иванов]

Александр Панасин, https://learn.javascript.ru/es-class