“SyntaxError: super() is only valid in derived class constructors”
Не могу понять в чем проблема, подскажите пожалуйста
И еще, может ли кто-нибудь объяснить зачем нужно super? Зачем туда передаются аргументы?
class Animal {
constructor(name, voice) {
this.name = name;
this.voice = voice;
}
say() {
console.log(`${this.name} said ${this.voice}`);
}
}
class Bird extends Animal {
сonstructor(name, voice, canFly) {
super(name, voice);
this.canFly = canFly;
}
}
const duck = new Bird('Dick', 'Crack');
duck.say();
duck.say();В коде в вопросе, в классе Bird опечатка, первая буква c - не английская, что делает описанный метод, не конструктором, а обычным методом.
Если исправить - то ошибка использования super уйдет.
class Animal {
constructor(name, voice) {
this.name = name;
this.voice = voice;
}
say() {
console.log(`${this.name} said ${this.voice}`);
}
}
class Bird extends Animal {
constructor(name, voice, canFly) {
super(name, voice);
this.canFly = canFly;
}
}
const duck = new Bird('Dick', 'Crack');
duck.say();
duck.say();Для чего в этом случае нужно super?
Для того, чтобы можно было вызвать конструктор базового класса, и проинициализировать все необходимые поля.
Если его не вызывать, то на уровне языка решено было запретить обращаться к this, который указывает на создаваемый объект, так как он может быть не инициализированным.
Еще одним примером использования ключевого слова super может являться обращение к полям и методам базового класса, например:
class Animal {
constructor(name, voice) {
this.name = name;
this.voice = voice;
}
say() {
console.log(`${this.name} said ${this.voice}`);
}
}
class Bird extends Animal {
constructor(name, voice, canFly) {
super(name, voice);
this.canFly = canFly;
}
say() {
console.log('Bird say');
super.say();
}
}
const duck = new Bird('Dick', 'Crack');
duck.say();
duck.say();Подробнее о super можно посмотреть в справке.
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
- Почему SERVER_ADDR имеет не тот IP 47688 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
![Не добавлять уникальный объект [дубликат]](https://hostciti.net/images/nophoto.png "Не добавлять уникальный объект [дубликат]")
© "hostciti.net" 18.1.2025 | 04:06