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

Loading...

Из курса от партнера Moscow Institute of Physics and Technology

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

44 оценки

Moscow Institute of Physics and Technology

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

44 оценки

Курс 4 из 5 — Specialization Разработка интерфейсов: вёрстка и JavaScript

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

Из урока

Конструкторы

Конструкторы7:23

Конструкторы и прототипы3:53

Конструкторы и цепочки прототипов6:46

Инспектирование связей между объектами, конструкторами и прототипами5:47

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

Вызов затеняемого метода в затеняющем4:33

Сравнение трёх подходов к конструированию объектов: функции-конструкторы, метод create, «Классы»5:49

Познакомьтесь с преподавателями

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ознакомьтесь с нашим каталогом

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

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

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

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

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