узнаете>
Компьютерные науки>
Разработка мобильных и веб-приложений>
JavaScript, часть 2: прототипы и асинхронность.>
Решение проблемы дублирования кода в конструкторах

Loading...

Решение проблемы дублирования кода в конструкторах

JavaScript, часть 2: прототипы и асинхронность

Московский физико-технический институт

Курс 4 из 5 — Разработка интерфейсов: вёрстка и JavaScript Специализация

Этот курс продолжает обучение тех, кто уже изучил основы JavaScript. На очереди не самые простые вещи: прототипы, конструкторы, асинхронный код, Node.js и DOM. По окончании обучения вы будете уметь программировать на JavaScript. Авторы курса — разработчики из Яндекса.

Просмотреть программу курса

Преподаватели

Конев Антон
разработчик интерфейсов, Яндекс
Сергей Жигалов
разработчик интерфейсов, Яндекс
Чистяков Денис
руководитель службы разработки, Яндекс

Текст видео

В этом видео я покажу вам, как бороться с дублированием кода в конструкторах.

У нас есть конструктор студентов,

конструктор преподавателей и конструктор личностей.

Если мы посмотрим на конструкторы преподавателей и студентов, мы увидим,

что они похожи и выполняют одинаковую работу: принимают в качестве аргумента имя

студента или преподавателя и сохраняют его в поле name.

Нам бы хотелось избежать этого дублирования.

Проще всего — вынести этот общий код в отдельный конструктор.

Лучше всего для нас подойдет конструктор Person.

Давайте просто перенесем туда строчку, которая сохраняет имя студента

или преподавателя в конструктор Person, вот таким образом.

Далее, если мы сейчас попытаемся создать нового студента и передадим туда имя,

мы не получим желаемого результата, так как мы забрали этот код из конструктора

для студентов и переместили его в конструктор для личностей.

Поэтому нам необходимо немножечко изменить реализацию конструктора

студентов и добавить туда вызов конструктора личностей.

Мы можем это сделать при помощи метода call.

Вызываем наш конструктор личностей при помощи этого метода и в качестве

контекста передаем туда this, а в качестве второго

аргумента передаем имя создаваемого нами студента.

Благодаря тому, что в конструкторе this будет ссылаться на

новый объект создаваемый, в нашем случае — на нового студента,

мы вызовем конструктор Person с контекстом в виде этого студента,

и таким образом передаваемое имя мы положим в поле name именно для студента,

и все будет работать.

Рекомендуемые видео

О Coursera

Courses, Specializations, and Online Degrees taught by top instructors from the world's best universities and educational institutions.

Join a community of 40 million learners from around the world

Earn a skill-based course certificate to apply your knowledge

Gain confidence in your skills and further your career

Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.

© Coursera Inc., 2019 Все права защищены.

Загрузить из App Store

Загрузить в Google Play