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

  Переглядів 73,669

WebDev с нуля. Канал Алекса Лущенко

WebDev с нуля. Канал Алекса Лущенко

4 роки тому

Мои курсы 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__, наследование на основе прототипов

КОМЕНТАРІ: 104
@user-jl4rs8rb4c
@user-jl4rs8rb4c 3 роки тому
Смотрел сначала Минина и нИчерта не понял, а здесь все просто и ясно, как будто в сказке. Поетому держи Лайк без раздумуваний
@iJoise
@iJoise 3 роки тому
Минин объясняет в роликах углубленное изучение, он это говорил в каких-то роликах. По этому не нужно расчитывать на понимание если ты новичок
@lexsk7361
@lexsk7361 3 роки тому
Минин тоже хорош по-своему. Я стараюсь у них обоих учиться
@TheLittleMaksik
@TheLittleMaksik Рік тому
Да, Владилен более углубленно и с технической стороны. А здесь простым понятным языком, чтоб понять принцип работы. Круто! Спасибо Вам!
@user-nf1td4hh7y
@user-nf1td4hh7y 10 місяців тому
+1
@pavlov.konstanit
@pavlov.konstanit 9 місяців тому
Все хорошо объясняют👍🏻
@romanmotovilov129
@romanmotovilov129 3 роки тому
Спасибо за отлиные уроки! Прекрассный материал и изложение!
@user-gg8os2mh6o
@user-gg8os2mh6o Рік тому
Спасибо за потрясающие уроки :)) Когда в ваших уроках вылезают ошибки, наоборот хорошо :) Во-первых лучше запоминается то, где ошибся, а во-вторых - мне как новичку как то спокойнее становится. Даже профессионалы где то запинаются, и ошибки начинаешь воспринимать как нормальное явление, а не то что у тебя руки не из того места 😆 👍
@edwardwide9859
@edwardwide9859 2 роки тому
Дай вам бог здоровья! Шикарный урок, лучший преподаватель!
@user-sl8ne2sj3m
@user-sl8ne2sj3m 2 роки тому
Огромное спасибо за подробное объяснение!🙂
@user-dv3kz2gf5t
@user-dv3kz2gf5t 2 роки тому
Александр спасибо большое, очень понравился урок , всё конспектировал с удовольствием и слушал вас предельно внимательно!
@user-iz9is7wm9d
@user-iz9is7wm9d 2 роки тому
благодаря видео поняла логику классов! спасибо большое!!!
@fightconflit434
@fightconflit434 3 роки тому
Все так доступно объяснили, лайк. Учу js + react остановился на классах не мог найти понятного объяснения. Теперь, все ясно
@user-ml5vp6rp9n
@user-ml5vp6rp9n 3 роки тому
Спасибо, очень интересно и понятно обьясняете)
@Lena-io9ye
@Lena-io9ye 2 роки тому
Спасибо, очень подробно объяснили. Я наконец-то поняла))
@user-de3gf9gw3c
@user-de3gf9gw3c 4 роки тому
Вполне доходчиво! Спасибо!
@kennymccormick9103
@kennymccormick9103 3 місяці тому
Большое спасибо, Александр!
@aleksandrstaetskiy5687
@aleksandrstaetskiy5687 4 роки тому
Наверное лучшее объяснение ооп в js
@winzip5861
@winzip5861 3 роки тому
хорошо объяснил про конструктор и супер. Наконец то понял их :)
@demosthenes4276
@demosthenes4276 Рік тому
Спасибо за урок, сначало искал что то подобное на немецком ну и на английском, время потерял, и толь сдесь, толково и без воды. Привет из Германии!
@user-sb7yh6gz9m
@user-sb7yh6gz9m 2 роки тому
Спасибо за урок! Мне помогло.
@user-mw2he7jd5r
@user-mw2he7jd5r 3 місяці тому
Александр спасибо
@13babyearth
@13babyearth 10 місяців тому
Алекс. Повторюсь, буду не оригинален, но, Ваши уроки бесценны. Настолько четко и доходчиво. Без запинок, без "эк бек мек". Всё четко и по полочкам. Без какой-то лишней информации. Именно как по документации, но доходчиво. Спасибо. Рад, что нашел Ваш канал. Среди тонны всякого бреда, где вместо обучения - мешанина.
@imvasia13
@imvasia13 4 роки тому
Супер)
@user-nw3nt9kq6m
@user-nw3nt9kq6m 3 роки тому
Спасибо, отличное видео!
@exploringtheworld8780
@exploringtheworld8780 3 роки тому
Супер👍👍👍👍👍😊
@digitalturkistan1857
@digitalturkistan1857 4 роки тому
спасибо
@user-rl8hs4mm7x
@user-rl8hs4mm7x 2 роки тому
Спасибо!
@Ahmed__123j
@Ahmed__123j 2 роки тому
все отлично!
@name-yy9yu
@name-yy9yu 3 роки тому
класно, дякую)
@rtotwmoclew
@rtotwmoclew 2 роки тому
спасибо!
@stormd2902
@stormd2902 3 роки тому
Спасибо
@Gyak_
@Gyak_ 3 роки тому
thank you man
@maga_frank
@maga_frank Рік тому
Лучший👌
@seoonlyRU
@seoonlyRU Рік тому
за такую подачу и 2 лайка не жалко))) ООП решает! Лайк от гуру по кодингу - СЕООНЛИ
@user-jq9se6gw7f
@user-jq9se6gw7f Рік тому
Давай помолимось богу щоби ми не тупили😂 Ти найкраще пояснюєш яву скрипт. Дякую
@yahyo5452
@yahyo5452 4 роки тому
Спасиба
@kain1677
@kain1677 2 роки тому
Не уверен что отсутствие подготовки к урокам это нечто хорошее, хотелось бы это отметить. Однако материал подан достаточно понятно и за это однозначно лайк
@pseudonim510
@pseudonim510 Рік тому
super понятно
@temarukz
@temarukz 3 роки тому
Считаю что будет более правильным не пустые свойства а по умолчанию задавать какие либо свойства чтоб не вызывало таких ошибок .
@icetea1870
@icetea1870 4 роки тому
Александр, скажите пожалуйста на какой микрофон вы записываете звук?
@user-cb8nd7yk5u
@user-cb8nd7yk5u 7 місяців тому
Здравствуйте Александр! Я благодарен вам за ваши видеоуроки, здесь все понятно вы объясняете. Я хотел спросить, есть ли видеоурок на тему F.prototype? Если есть можете указать ссылку? Я уже изучал прототипное наследование. Только вот непонятно F.prototype. Был бы рад если объясните эту тему, или если эта тема уже была обсуждена ранее, и ссылку напишете...
@user-ew9iw9jn4q
@user-ew9iw9jn4q 3 місяці тому
👍
@mikedevil4057
@mikedevil4057 3 роки тому
Александр, у вас в описании указана ссылка на второй урок на вашем сайте а не на третий
@yuraprotsuk
@yuraprotsuk 4 роки тому
Дякую
@armenavetisyan4461
@armenavetisyan4461 Рік тому
Можно также добавить, что методы созданные вне конструктора попадают в прототип
@ammoney159
@ammoney159 2 роки тому
Такой вопрос. Насчет модульной разработки, не будет ли работать, если мы не будем подключить User.js к html, а экспортировать и импортировать напрямую в script.js?
@LuNa-om8ci
@LuNa-om8ci Рік тому
Спасибо за урок) но я не нашла задания под видео, или я не там ищу. Есть разные ссылки, но домашки нет
@user-fx8jc8pp5f
@user-fx8jc8pp5f 4 роки тому
Алекс, для вызова console.log достаточно просто написать clg, так быстрее => экономит ваше и наше время :)
@alexanderprunov2594
@alexanderprunov2594 3 роки тому
Сокращений очень много в js. Но эти курсы для начинающих а не для Синьоров.
@tinaanit2965
@tinaanit2965 3 роки тому
14:30 Подключение класса отдельным файлом
@Divanniy.Trader
@Divanniy.Trader 4 роки тому
Вижу видео от Александра, ставлю лайк
@---mg7yi
@---mg7yi Рік тому
Вот это другое дело..А то с этими __proto .... просто неудобно для восприятия)
@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 (нужен для фронта). И всё стало намного понятнее
@ivangessler9847
@ivangessler9847 3 роки тому
Поимите благодарность! Учусь в Германии. Если бы у нас так всё объясняли!
@Metotron0
@Metotron0 3 роки тому
Попробуй взять книгу "ES6 и не только"
@pavelasafov
@pavelasafov Рік тому
В теге script можно дописать type='module'
@maksymhurianov1343
@maksymhurianov1343 4 роки тому
В js5 может конструктор наследоваться от конструктора?
@PolPot911
@PolPot911 2 роки тому
Кто подскажет что за трек играет в начале?
@AlexandrSpirit
@AlexandrSpirit 3 роки тому
Вопрос наверное нубский, ибо я просмотрел только первые 4 видео, и дальше может быть будет ответ. Есть ли в классах JS свойства класса? Поясню. В пайтоне, я могу в классе задать свойства, которые будут у объектов, но так же могу задать свойства самому классу, и не относятся к объектам созданным из класса. Например, таким образом очень просто посчитать сколько объектов было создано у класса.
@Dmitry_samboRulit
@Dmitry_samboRulit 2 роки тому
Здравствуйте. Указанная ссылка "Этот урок..." фактически ведет на урок №2.
@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.
@elizavetakonstantinova8661
@elizavetakonstantinova8661 2 роки тому
Скучаю по старому оформлению превью
@ivankhov4575
@ivankhov4575 4 роки тому
Разжевал и по полочкам разложил.
@vitaercx
@vitaercx 3 роки тому
По моему мнению, этот урок перегружен информацией. Другие Ваши уроки понял сразу, в этом одно накладывается на другое (из одного файла в другой, плюс неизвестные метод extend) и с трудом улавливал логику повествования. В любом случае спасибо. Еще плюс ваших курсов, что задачи даете с нарастающей сложностью и первые задачи позволяют разобраться в синтаксисе и объявлении вообще сущностей. Это очень облегчает и эмоционально проще выполнять) когда не чувствуешь себя "дураком"))
@yarik83men51
@yarik83men51 4 роки тому
Понятно, но нелегко.
@zloy_ax8496
@zloy_ax8496 2 роки тому
+++
@temarukz
@temarukz 3 роки тому
Здравствуйте, каждый класс в новом файле - это плохая практика и это не хорошо, считаю грубой ошибкой. Например : Будет 50 Классов и каждый в новом файле - это 50 запросов на сервер . Пример: 10 человек по 50 запросов 500 запросов на сервер за секунду а то и менее секунды . Это очень плохая практика !!!!
@boycovclub
@boycovclub 4 роки тому
Все знающие классическое ООП думают ну наконец то нормальные классы и наследование в JS появились с ES6 )))) а на самом деле под капотом происходят те же извращения что и были раньше. Но чтобы понять как работает Прототипное наследование в JS придётся погрузится и в эти извращения, потому что много приложений написанных в старом стиле и дабы знать что под капотом.
@user-fy7pv5cc7c
@user-fy7pv5cc7c Рік тому
Дякую
@wisarty
@wisarty Рік тому
Дякую
ООП в JavaScript. Наследование, классы. Super, конструктор.
25:19
WebDev с нуля. Канал Алекса Лущенко
Переглядів 46 тис.
ООП в JavaScript. Мифы, наследование, полиморфизм, абстракции, наследованиеи,
1:01:03
WebDev с нуля. Канал Алекса Лущенко
Переглядів 136 тис.
ВИРУСНЫЕ ВИДЕО / Мусорка 😂
00:34
Светлый Voice
Переглядів 9 млн
когда одна дома // EVA mash
00:51
EVA mash
Переглядів 8 млн
ООП в JavaScript. Get, Set JavaScript, приватные и защищенные свойства
23:01
WebDev с нуля. Канал Алекса Лущенко
Переглядів 46 тис.
ООП в JavaScript. Статические методы и свойства
23:37
WebDev с нуля. Канал Алекса Лущенко
Переглядів 27 тис.
Просто о ООП (Парадигмы ООП)
21:14
webDev
Переглядів 40 тис.
ООП в JavaScript. Объекты, прототипы, наследование
33:30
WebDev с нуля. Канал Алекса Лущенко
Переглядів 64 тис.
prototype и __proto__ / JavaScript для собеседований 01
34:07