Обновление JS-наследования - ES6 +

Я немного освежаю JS по наследованию. Сначала скажите, что у меня есть это:

    const a = function(x) {
      this.x = x;
    };
    const b = function(x, y) {
      this.y = y;
    };

В конце концов, если у меня будет, как показано ниже, я получу:

    const newB = new b('x', 'y');
    newB.getX(); // x
    newB.getY(); // y

Как мне это сделать?

В ES2015 («ES6») и выше: class a { constructor(x) { this.x = x; } } class b extends a { constructor(x, y) { super(x); this.y = y; } } (плюс методы getX и getY.) Подробности в ответах на связанные вопросы.

T.J. Crowder 17.12.2018 14:29

Боковое примечание: вы, конечно, можете делать то, что вам нравится, в своем собственном коде, но соглашение подавляющий в JavaScript заключается в том, что имена функций конструкторов имеют начальную заглавную букву (так, A и B, а не a и b). При обращении за помощью лучше всего придерживаться условностей, поскольку это обеспечивает ясность вопроса для людей.

T.J. Crowder 17.12.2018 14:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
18
0

Другие вопросы по теме