Чем в классах JavaScript по функционалу различаются constructor и set? Почему при описании класса должно присутствовать и то, и другое?

Question

[sad0990]

И для чего нужно _dogName, если есть просто dogName?

class Dog
{
  constructor(dogName)
  {
     this.dogName = dogName;
  }
  set dogName(value)
  {
    this._dogName = value;
  }
  get dogName()
  {
    return this._dogName;
  }
}
let dog = new Dog("Rex");
console.log(dog.dogName);

Answer 1

[Алексей Уколов]

Почему при описании класса должно присутствовать и то, и другое?

С чего вы взяли? Может не быть ни того, ни другого.

Чем в классах JavaScript по функционалу различаются constructor и set?

Сеттеры отвечают за установку значения одного конкретного свойства; конструктор - за инициализацию объекта в целом.

И для чего нужно _dogName, если есть просто dogName?

Не может быть у объекта свойства (_dogName) и метода-сеттера (dogName) с одинаковым названием.

Приведённый вами пример можно упростить до такого и всё продолжит работать:

class Dog
{
  constructor(dogName)
  {
     this.dogName = dogName;
  }
}
let dog = new Dog("Rex");
console.log(dog.dogName);

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

Comments

[sad0990]

В том-то и дело, что упрощенный пример не работает.

Uncaught SyntaxError: Identifier 'Dog' has already been declared
at :1:1

[Alex Ander]

sad0990, у меня всё работает.

[Alex Ander]

Еще более короткий пример:

const Dog = function Dog(dogName) {
	this.dogName = dogName;
};

const rex = new Dog("rex");
console.warn(rex.dogName);

[sad0990]

Alex Ander, а почему, если убрать из первоначального примера сеттер и оставить только геттер, код также не работает?

Answer 2

[Alex Ander]

И для чего нужно _dogName, если есть просто dogName?

Геттеры и сеттеры -- Классика жанра. Они нужны чтобы у пользователей класса не было полного доступа к внутренностям класса Dog. Чтобы разработчик класса мог контроллировать установку значения dogName. Например:

const blackList = ['Мурзик', 'Васька', 'Эпифантий'];
// ... 
  set dogName(value)
  {
    if (!value || !_.isString(value)) {
      throw new Error('value must be a string!') ;
    }
    if (blackList.includes(value) {
      throw new Error('wrong value!') ;
    }
    this._dogName = value;
  }