Тёмный

ООП в JavaScript. Классы, свойства, методы 

WebDev с нуля. Канал Алекса Лущенко
Просмотров 74 тыс.
50% 1

Мои курсы itgid.info/course
Этот урок: itgid.info/unit/object-js?uni...
Курс ООП JavaScript itgid.info/course/javascript-2
Помощь Насте itgid.info/site/nastya
Инстаграмм мамы Насти: maria_gaidu...
Карта Приватбанк мамы Насти (Мария Гайдученко): 5168755420228781
Телеграмм канал JavaScript Rules: t.me/jsrules
Объектно-ориентированное программирование в JavaScript. Прототипы, прототипное наследование, __proto__, наследование на основе прототипов

Опубликовано:

 

1 мар 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 105   
@user-jl4rs8rb4c
@user-jl4rs8rb4c 3 года назад
Смотрел сначала Минина и нИчерта не понял, а здесь все просто и ясно, как будто в сказке. Поетому держи Лайк без раздумуваний
@iJoise
@iJoise 3 года назад
Минин объясняет в роликах углубленное изучение, он это говорил в каких-то роликах. По этому не нужно расчитывать на понимание если ты новичок
@lexsk7361
@lexsk7361 3 года назад
Минин тоже хорош по-своему. Я стараюсь у них обоих учиться
@TheLittleMaksik
@TheLittleMaksik Год назад
Да, Владилен более углубленно и с технической стороны. А здесь простым понятным языком, чтоб понять принцип работы. Круто! Спасибо Вам!
@user-nf1td4hh7y
@user-nf1td4hh7y 10 месяцев назад
+1
@pavlov.konstanit
@pavlov.konstanit 9 месяцев назад
Все хорошо объясняют👍🏻
@user-gg8os2mh6o
@user-gg8os2mh6o Год назад
Спасибо за потрясающие уроки :)) Когда в ваших уроках вылезают ошибки, наоборот хорошо :) Во-первых лучше запоминается то, где ошибся, а во-вторых - мне как новичку как то спокойнее становится. Даже профессионалы где то запинаются, и ошибки начинаешь воспринимать как нормальное явление, а не то что у тебя руки не из того места 😆 👍
@romanmotovilov129
@romanmotovilov129 3 года назад
Спасибо за отлиные уроки! Прекрассный материал и изложение!
@edwardwide9859
@edwardwide9859 2 года назад
Дай вам бог здоровья! Шикарный урок, лучший преподаватель!
@fightconflit434
@fightconflit434 3 года назад
Все так доступно объяснили, лайк. Учу js + react остановился на классах не мог найти понятного объяснения. Теперь, все ясно
@user-sl8ne2sj3m
@user-sl8ne2sj3m 2 года назад
Огромное спасибо за подробное объяснение!🙂
@user-dv3kz2gf5t
@user-dv3kz2gf5t 2 года назад
Александр спасибо большое, очень понравился урок , всё конспектировал с удовольствием и слушал вас предельно внимательно!
@user-iz9is7wm9d
@user-iz9is7wm9d 2 года назад
благодаря видео поняла логику классов! спасибо большое!!!
@13babyearth
@13babyearth 10 месяцев назад
Алекс. Повторюсь, буду не оригинален, но, Ваши уроки бесценны. Настолько четко и доходчиво. Без запинок, без "эк бек мек". Всё четко и по полочкам. Без какой-то лишней информации. Именно как по документации, но доходчиво. Спасибо. Рад, что нашел Ваш канал. Среди тонны всякого бреда, где вместо обучения - мешанина.
@Lena-io9ye
@Lena-io9ye 2 года назад
Спасибо, очень подробно объяснили. Я наконец-то поняла))
@demosthenes4276
@demosthenes4276 Год назад
Спасибо за урок, сначало искал что то подобное на немецком ну и на английском, время потерял, и толь сдесь, толково и без воды. Привет из Германии!
@kennymccormick9103
@kennymccormick9103 3 месяца назад
Большое спасибо, Александр!
@user-ml5vp6rp9n
@user-ml5vp6rp9n 3 года назад
Спасибо, очень интересно и понятно обьясняете)
@winzip5861
@winzip5861 3 года назад
хорошо объяснил про конструктор и супер. Наконец то понял их :)
@user-de3gf9gw3c
@user-de3gf9gw3c 4 года назад
Вполне доходчиво! Спасибо!
@aleksandrstaetskiy5687
@aleksandrstaetskiy5687 4 года назад
Наверное лучшее объяснение ооп в js
@user-sb7yh6gz9m
@user-sb7yh6gz9m 2 года назад
Спасибо за урок! Мне помогло.
@user-mw2he7jd5r
@user-mw2he7jd5r 3 месяца назад
Александр спасибо
@seoonlyRU
@seoonlyRU Год назад
за такую подачу и 2 лайка не жалко))) ООП решает! Лайк от гуру по кодингу - СЕООНЛИ
@user-nw3nt9kq6m
@user-nw3nt9kq6m 3 года назад
Спасибо, отличное видео!
@imvasia13
@imvasia13 4 года назад
Супер)
@exploringtheworld8780
@exploringtheworld8780 3 года назад
Супер👍👍👍👍👍😊
@user-rl8hs4mm7x
@user-rl8hs4mm7x 2 года назад
Спасибо!
@digitalturkistan1857
@digitalturkistan1857 4 года назад
спасибо
@chechenfromcanada3799
@chechenfromcanada3799 4 часа назад
Классно ❤
@maga_frank
@maga_frank Год назад
Лучший👌
@Ahmed__123j
@Ahmed__123j 2 года назад
все отлично!
@rtotwmoclew
@rtotwmoclew 2 года назад
спасибо!
@kain1677
@kain1677 2 года назад
Не уверен что отсутствие подготовки к урокам это нечто хорошее, хотелось бы это отметить. Однако материал подан достаточно понятно и за это однозначно лайк
@stormd2902
@stormd2902 3 года назад
Спасибо
@Gyak_
@Gyak_ 3 года назад
thank you man
@icetea1870
@icetea1870 4 года назад
Александр, скажите пожалуйста на какой микрофон вы записываете звук?
@ammoney159
@ammoney159 2 года назад
Такой вопрос. Насчет модульной разработки, не будет ли работать, если мы не будем подключить User.js к html, а экспортировать и импортировать напрямую в script.js?
@user-cb8nd7yk5u
@user-cb8nd7yk5u 8 месяцев назад
Здравствуйте Александр! Я благодарен вам за ваши видеоуроки, здесь все понятно вы объясняете. Я хотел спросить, есть ли видеоурок на тему F.prototype? Если есть можете указать ссылку? Я уже изучал прототипное наследование. Только вот непонятно F.prototype. Был бы рад если объясните эту тему, или если эта тема уже была обсуждена ранее, и ссылку напишете...
@user-jq9se6gw7f
@user-jq9se6gw7f Год назад
Давай помолимось богу щоби ми не тупили😂 Ти найкраще пояснюєш яву скрипт. Дякую
@name-yy9yu
@name-yy9yu 3 года назад
класно, дякую)
@Divanniy.Trader
@Divanniy.Trader 4 года назад
Вижу видео от Александра, ставлю лайк
@yahyo5452
@yahyo5452 4 года назад
Спасиба
@pseudonim510
@pseudonim510 Год назад
super понятно
@mikedevil4057
@mikedevil4057 3 года назад
Александр, у вас в описании указана ссылка на второй урок на вашем сайте а не на третий
@temarukz
@temarukz 3 года назад
Считаю что будет более правильным не пустые свойства а по умолчанию задавать какие либо свойства чтоб не вызывало таких ошибок .
@LuNa-om8ci
@LuNa-om8ci Год назад
Спасибо за урок) но я не нашла задания под видео, или я не там ищу. Есть разные ссылки, но домашки нет
@armenavetisyan4461
@armenavetisyan4461 Год назад
Можно также добавить, что методы созданные вне конструктора попадают в прототип
@user-ew9iw9jn4q
@user-ew9iw9jn4q 3 месяца назад
👍
@user-fx8jc8pp5f
@user-fx8jc8pp5f 4 года назад
Алекс, для вызова console.log достаточно просто написать clg, так быстрее => экономит ваше и наше время :)
@alexanderprunov2594
@alexanderprunov2594 3 года назад
Сокращений очень много в js. Но эти курсы для начинающих а не для Синьоров.
@ivangessler9847
@ivangessler9847 3 года назад
Поимите благодарность! Учусь в Германии. Если бы у нас так всё объясняли!
@Metotron0
@Metotron0 3 года назад
Попробуй взять книгу "ES6 и не только"
@yuraprotsuk
@yuraprotsuk 4 года назад
Дякую
@tinaanit2965
@tinaanit2965 3 года назад
14:30 Подключение класса отдельным файлом
@pavelasafov
@pavelasafov Год назад
В теге script можно дописать type='module'
@Kain9111
@Kain9111 2 года назад
Кто подскажет что за трек играет в начале?
@AlexandrSpirit
@AlexandrSpirit 3 года назад
Вопрос наверное нубский, ибо я просмотрел только первые 4 видео, и дальше может быть будет ответ. Есть ли в классах JS свойства класса? Поясню. В пайтоне, я могу в классе задать свойства, которые будут у объектов, но так же могу задать свойства самому классу, и не относятся к объектам созданным из класса. Например, таким образом очень просто посчитать сколько объектов было создано у класса.
@---mg7yi
@---mg7yi Год назад
Вот это другое дело..А то с этими __proto .... просто неудобно для восприятия)
@maksymhurianov1343
@maksymhurianov1343 4 года назад
В js5 может конструктор наследоваться от конструктора?
@Dmitry_samboRulit
@Dmitry_samboRulit 2 года назад
Здравствуйте. Указанная ссылка "Этот урок..." фактически ведет на урок №2.
@DrZlad
@DrZlad 4 года назад
Что такое класс Я пол года убил что б понять что такое класс. И понял это только в ооп php. Хотя начинал с джс. ооп в джс хоть и идет из коробки, но оно кастрированное. Да и далеко не всегда оно там надо. Норм ооп только в ts. angular. По сути это чертеж. И когда вы что то делаете по чертежу, вы это делаете и изменяете как угодно но только не меняете при этом сам чертеж. Вы используете его как пример, но не трогаете его. Вы можете его скопировать и копию(объект) уже крутить как сможете, но не сам оригинальный чертеж(класс) вы не меняете(если конечно сильно захотеть... и любите жесткий махочь один против всех) Класс - это оригинальный чертеж. Объект- это как минимум копия чертежа. Другой пример. Вы приходите в какое либо учреждение, где вам нужно написать конкретную заяву. На стене висит образец. Вам осталось только его скопировать и внести свои изменения, но при этом не трогая сам образец. Пример из повседневного джс: Есть ассоциативный массив засунутый в переменую user, в ключах которого хранятся - значения и функции(свойства и методы). И вот когда вам он понадобиться, вы делаете копию из него userClone, и работаете только с копией. А он остаётся - как не тронутый экземпляр. Что бы не произошло user будет не тронут. Конечно это всё грубое упрощение. Но в корне что то очень похоже. Свойства- это переменные. Методы - это функции. Как уже сказал Алекс: Яркий пример из реальной практики - это пользователи. Вроде все одинаковые, но с разными возможностями. Жду критики в коментах.
@4ITTonik
@4ITTonik 4 года назад
А я их быстро освоил, понятно конечно что могут быть сложные структуры и тд, но сам принцип до меня дошёл, потому что сначала я изучил прототипы, функции-конструкторы, наследование, F.prototype, что все типы в JS это экземпляры встроенных классов Number, Array, Fuction, и тд, им всем эти конструкторы дают в прототип объект с методами, что из экземпляра объекта можно создать ему подобный, вот после всего этого, мне классы дались проще, уже чувствовал что это синтаксический сахар, есть конечно свои особенности, но в целом ничего сложного, просто я с теорией вместе всё это учил, а не тупо методом тыка.
@stephencurry8078
@stephencurry8078 3 года назад
Понять их очень легко, и работать тоже. А вот писать прогу в ООП стиле для меня пока беда
@phat80
@phat80 3 года назад
@@stephencurry8078 все понятно в теории. Открываешь код реального серьезного приложения или библиотеки и все, жопа полная ))) Вроде ООП с одной стороны все упрощает, а с другой намного усложняет, особенно если копаться в чужом коде. Жаль, что крайне мало роликов с разбором реальных приложений и объяснений, почему именно так. Бесят больше всего ролики, где заявляется следующее "ну для простоты давайте напишем код без применения ООП". И складывается впечатление, что авторы уроков сами знают ООП лишь в теории )))
@stephencurry8078
@stephencurry8078 3 года назад
@@phat80 да в теорий просто. Классы, объекты. Но когда приложение усложняется, тогда уже начинаешь терять нить.
@AlexandrSpirit
@AlexandrSpirit 3 года назад
Та же беда была пока не сел за пайтон. Сейчас опять вернулся на JS (нужен для фронта). И всё стало намного понятнее
@MrG1V1
@MrG1V1 4 года назад
Знаком, немного, с Java и возник вопрос: есть ли в js конструктор по умолчанию(без параметров, задаётся неявно при создании класса) и что насчёт модификаторов доступа: public private protected и прочие?
@DrZlad
@DrZlad 4 года назад
MrG1V1 вроде все да. А вот протектед - не знаю.
@ndrew8188
@ndrew8188 4 года назад
TypeScript
@4ITTonik
@4ITTonik 4 года назад
Конечно, можно унаследоваться от встроенного класса: Array, Date и тд, в нашем унаследованном классе можно будет задать методы для экземпляра, они все будут в его прототипе, а у прототипа прототипа будут методы от родителя, тем самым, когда мы не объявляем в унаследованном классе constructor, он автоматом вызывается родительский. Защищённые поля есть, но не на уровне языка, их эмулируют и есть соглашение программистов, что поля начинающиеся с _ являются внутренними для структур данных, приватные тоже есть, уже на уровне языка, начинаются с #, но пока новинка и весьма сырая, есть проблемы при наследовании, так что все по старинке юзают защищённые поля, также можно примеси использовать и расширять поведение.
@user-bh6mc8pd8g
@user-bh6mc8pd8g 3 года назад
20:05 классы по дефолту идут в строгом режиме, вроде как бы
@user-ze1oo3km5l
@user-ze1oo3km5l 3 года назад
По моему классы всегда в строгом режиме.
@user-bh6mc8pd8g
@user-bh6mc8pd8g 3 года назад
@@user-ze1oo3km5l та и есть +
@dmitrysuhotskylessonjs3981
@dmitrysuhotskylessonjs3981 4 года назад
Подскажите почему в классе Student.js после вызова super.validatePassword возвращает ответ отUser.js(false), а блок кода следующий дальше( где this.passwor.length) ни него не выводит. В консоли только один false
@user-lr1tj7rw7y
@user-lr1tj7rw7y 4 года назад
Выводит false потому что пароль "7778888" < 10 . true будет если пароль поменять на больший.
@yuriyshevtsov2467
@yuriyshevtsov2467 Год назад
@@user-lr1tj7rw7y но ведь в классе откуда вызывают этот метод "7778888" < 6 условие. вроде должно быть true
@callpack96
@callpack96 4 года назад
like eje
@makcimenuka7904
@makcimenuka7904 3 года назад
Интересно неужели нельзя подключать файлы прямо в js файле? в этом языке есть модификаторы доступа?
@Nik-fl7lv
@Nik-fl7lv 3 года назад
можно)
@iGotton
@iGotton 4 года назад
+
@javascript2936
@javascript2936 2 года назад
12:43 остановился
@kapotonai
@kapotonai 4 года назад
Не понятно,почему метод validatePassword написан без слова 'function'.Так можно что-ли?
@user-hs4ci1oz3n
@user-hs4ci1oz3n 4 года назад
в классах и объектах возможно
@oleksandrlysiuk3971
@oleksandrlysiuk3971 4 года назад
Можете почитать learnjavascript там много нюансов можно узнать)
@ivanmaslow2137
@ivanmaslow2137 4 года назад
для закрепления классно, лучше на русском еще не видел.
@Nurtulbukbek
@Nurtulbukbek 6 месяцев назад
А где дз
@user-ze7wo4et9v
@user-ze7wo4et9v 4 года назад
Ребят, я тугодум и поэтому прошу объяснить: в чем разница между прототипированием и классом?)
@jeb_7749
@jeb_7749 3 года назад
Сам точно не знаю: тоже новичок. Если я не ошибаюсь, то в js есть 2 способа использования ООП: прототипное и классовое. Можно найти в интернете и почитать. Я только изучаю, не углублялся
@phat80
@phat80 3 года назад
@@jeb_7749 нет, в JS только прототипирование. Классы появились просто в синтаксисе, а на самом деле ничего не изменилось, все так же работает на прототипах.
@stephencurry8078
@stephencurry8078 3 года назад
@@jeb_7749 разницы нету, по этому желательно знать как работает прототипное наследование. Сейчас я ради этого тренируюсь, переписываю классы ES5 на ES6.
@vitaercx
@vitaercx 3 года назад
По моему мнению, этот урок перегружен информацией. Другие Ваши уроки понял сразу, в этом одно накладывается на другое (из одного файла в другой, плюс неизвестные метод extend) и с трудом улавливал логику повествования. В любом случае спасибо. Еще плюс ваших курсов, что задачи даете с нарастающей сложностью и первые задачи позволяют разобраться в синтаксисе и объявлении вообще сущностей. Это очень облегчает и эмоционально проще выполнять) когда не чувствуешь себя "дураком"))
@ivankhov4575
@ivankhov4575 4 года назад
Разжевал и по полочкам разложил.
@elizavetakonstantinova8661
@elizavetakonstantinova8661 2 года назад
Скучаю по старому оформлению превью
@zloy_ax8496
@zloy_ax8496 2 года назад
+++
@yarik83men51
@yarik83men51 4 года назад
Понятно, но нелегко.
@boycovclub
@boycovclub 4 года назад
Все знающие классическое ООП думают ну наконец то нормальные классы и наследование в JS появились с ES6 )))) а на самом деле под капотом происходят те же извращения что и были раньше. Но чтобы понять как работает Прототипное наследование в JS придётся погрузится и в эти извращения, потому что много приложений написанных в старом стиле и дабы знать что под капотом.
@temarukz
@temarukz 3 года назад
Здравствуйте, каждый класс в новом файле - это плохая практика и это не хорошо, считаю грубой ошибкой. Например : Будет 50 Классов и каждый в новом файле - это 50 запросов на сервер . Пример: 10 человек по 50 запросов 500 запросов на сервер за секунду а то и менее секунды . Это очень плохая практика !!!!
@user-fy7pv5cc7c
@user-fy7pv5cc7c Год назад
Дякую
@wisarty
@wisarty Год назад
Дякую
Далее