ООП в JavaScript. Классы, свойства, методы
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- Мои курсы itgid.info/course
Этот урок: itgid.info/uni...
Курс ООП JavaScript itgid.info/cou...
Помощь Насте itgid.info/sit...
Инстаграмм мамы Насти: www.instagram....
Карта Приватбанк мамы Насти (Мария Гайдученко): 5168755420228781
Телеграмм канал JavaScript Rules: t.me/jsrules
Объектно-ориентированное программирование в JavaScript. Прототипы, прототипное наследование, __proto__, наследование на основе прототипов
![[Gegagedigedagedago] NEW Help Gegagedigedagedago Nugget escape from Nikocado Avocado Challenge](http://i.ytimg.com/vi/hJWnwRC2Fz8/mqdefault.jpg)
Начинал учиться у Александра года три назад. Полтора года уже работаю и через пару месяцев ухожу в более серьезную разработку. Могу сказать, что у Александра одни из самых лучших курсов. Лучшей подачи базовых знаний и представить сложно. Советую.
Вернулся, что бы подтянуть ООП. Скоро пригодится.
Автору удачи и сил.
Смотрел сначала Минина и нИчерта не понял, а здесь все просто и ясно, как будто в сказке. Поетому держи Лайк без раздумуваний
Минин объясняет в роликах углубленное изучение, он это говорил в каких-то роликах. По этому не нужно расчитывать на понимание если ты новичок
Минин тоже хорош по-своему. Я стараюсь у них обоих учиться
Да, Владилен более углубленно и с технической стороны. А здесь простым понятным языком, чтоб понять принцип работы. Круто! Спасибо Вам!
+1
Все хорошо объясняют👍🏻
Спасибо за потрясающие уроки :))
Когда в ваших уроках вылезают ошибки, наоборот хорошо :) Во-первых лучше запоминается то, где ошибся, а во-вторых - мне как новичку как то спокойнее становится. Даже профессионалы где то запинаются, и ошибки начинаешь воспринимать как нормальное явление, а не то что у тебя руки не из того места 😆 👍
Дай вам бог здоровья! Шикарный урок, лучший преподаватель!
Алекс. Повторюсь, буду не оригинален, но, Ваши уроки бесценны. Настолько четко и доходчиво. Без запинок, без "эк бек мек". Всё четко и по полочкам. Без какой-то лишней информации. Именно как по документации, но доходчиво. Спасибо. Рад, что нашел Ваш канал. Среди тонны всякого бреда, где вместо обучения - мешанина.
Спасибо за урок, сначало искал что то подобное на немецком ну и на английском, время потерял, и толь сдесь, толково и без воды. Привет из Германии!
Все так доступно объяснили, лайк. Учу js + react остановился на классах не мог найти понятного объяснения. Теперь, все ясно
Спасибо за отлиные уроки! Прекрассный материал и изложение!
Александр спасибо большое, очень понравился урок , всё конспектировал с удовольствием и слушал вас предельно внимательно!
благодаря видео поняла логику классов! спасибо большое!!!
Большое спасибо, Александр!
Огромное спасибо за подробное объяснение!🙂
Спасибо, очень подробно объяснили. Я наконец-то поняла))
за такую подачу и 2 лайка не жалко))) ООП решает! Лайк от гуру по кодингу - СЕООНЛИ
Давай помолимось богу щоби ми не тупили😂
Ти найкраще пояснюєш яву скрипт. Дякую
Александр спасибо
Такой вопрос. Насчет модульной разработки, не будет ли работать, если мы не будем подключить User.js к html, а экспортировать и импортировать напрямую в script.js?
Здравствуйте Александр! Я благодарен вам за ваши видеоуроки, здесь все понятно вы объясняете.
Я хотел спросить, есть ли видеоурок на тему F.prototype? Если есть можете указать ссылку? Я уже изучал прототипное наследование. Только вот непонятно F.prototype. Был бы рад если объясните эту тему, или если эта тема уже была обсуждена ранее, и ссылку напишете...
Спасибо, очень интересно и понятно обьясняете)
хорошо объяснил про конструктор и супер. Наконец то понял их :)
Не уверен что отсутствие подготовки к урокам это нечто хорошее, хотелось бы это отметить.
Однако материал подан достаточно понятно и за это однозначно лайк
Наверное лучшее объяснение ооп в js
Алекс, для вызова console.log достаточно просто написать clg, так быстрее => экономит ваше и наше время :)
Сокращений очень много в js. Но эти курсы для начинающих а не для Синьоров.
Что такое класс
Я пол года убил что б понять что такое класс.
И понял это только в ооп php.
Хотя начинал с джс.
ооп в джс хоть и идет из коробки, но оно кастрированное. Да и далеко не всегда оно там надо.
Норм ооп только в ts. angular.
По сути это чертеж.
И когда вы что то делаете по чертежу, вы это делаете и изменяете как угодно но только не меняете при этом сам чертеж.
Вы используете его как пример, но не трогаете его. Вы можете его скопировать и копию(объект) уже крутить как сможете, но не сам оригинальный чертеж(класс) вы не меняете(если конечно сильно захотеть... и любите жесткий махочь один против всех)
Класс - это оригинальный чертеж.
Объект- это как минимум копия чертежа.
Другой пример.
Вы приходите в какое либо учреждение, где вам нужно написать конкретную заяву.
На стене висит образец. Вам осталось только его скопировать и внести свои изменения, но при этом не трогая сам образец.
Пример из повседневного джс:
Есть ассоциативный массив засунутый в переменую user, в ключах которого хранятся - значения и функции(свойства и методы).
И вот когда вам он понадобиться, вы делаете копию из него userClone, и работаете только с копией. А он остаётся - как не тронутый экземпляр. Что бы не произошло user будет не тронут.
Конечно это всё грубое упрощение.
Но в корне что то очень похоже.
Свойства- это переменные.
Методы - это функции.
Как уже сказал Алекс:
Яркий пример из реальной практики - это пользователи.
Вроде все одинаковые, но с разными возможностями.
Жду критики в коментах.
А я их быстро освоил, понятно конечно что могут быть сложные структуры и тд, но сам принцип до меня дошёл, потому что сначала я изучил прототипы, функции-конструкторы, наследование, F.prototype, что все типы в JS это экземпляры встроенных классов Number, Array, Fuction, и тд, им всем эти конструкторы дают в прототип объект с методами, что из экземпляра объекта можно создать ему подобный, вот после всего этого, мне классы дались проще, уже чувствовал что это синтаксический сахар, есть конечно свои особенности, но в целом ничего сложного, просто я с теорией вместе всё это учил, а не тупо методом тыка.
Понять их очень легко, и работать тоже.
А вот писать прогу в ООП стиле для меня пока беда
@@stephencurry8078 все понятно в теории. Открываешь код реального серьезного приложения или библиотеки и все, жопа полная ))) Вроде ООП с одной стороны все упрощает, а с другой намного усложняет, особенно если копаться в чужом коде. Жаль, что крайне мало роликов с разбором реальных приложений и объяснений, почему именно так. Бесят больше всего ролики, где заявляется следующее "ну для простоты давайте напишем код без применения ООП". И складывается впечатление, что авторы уроков сами знают ООП лишь в теории )))
@@phat80 да в теорий просто.
Классы, объекты. Но когда приложение усложняется, тогда уже начинаешь терять нить.
Та же беда была пока не сел за пайтон. Сейчас опять вернулся на JS (нужен для фронта). И всё стало намного понятнее
Вполне доходчиво! Спасибо!
Спасибо за урок! Мне помогло.
Александр, скажите пожалуйста на какой микрофон вы записываете звук?
Вопрос наверное нубский, ибо я просмотрел только первые 4 видео, и дальше может быть будет ответ.
Есть ли в классах JS свойства класса?
Поясню.
В пайтоне, я могу в классе задать свойства, которые будут у объектов, но так же могу задать свойства самому классу, и не относятся к объектам созданным из класса.
Например, таким образом очень просто посчитать сколько объектов было создано у класса.
Знаком, немного, с Java и возник вопрос: есть ли в js конструктор по умолчанию(без параметров, задаётся неявно при создании класса) и что насчёт модификаторов доступа: public private protected и прочие?
MrG1V1 вроде все да. А вот протектед - не знаю.
TypeScript
Конечно, можно унаследоваться от встроенного класса: Array, Date и тд, в нашем унаследованном классе можно будет задать методы для экземпляра, они все будут в его прототипе, а у прототипа прототипа будут методы от родителя, тем самым, когда мы не объявляем в унаследованном классе constructor, он автоматом вызывается родительский. Защищённые поля есть, но не на уровне языка, их эмулируют и есть соглашение программистов, что поля начинающиеся с _ являются внутренними для структур данных, приватные тоже есть, уже на уровне языка, начинаются с #, но пока новинка и весьма сырая, есть проблемы при наследовании, так что все по старинке юзают защищённые поля, также можно примеси использовать и расширять поведение.
Здравствуйте. Указанная ссылка "Этот урок..." фактически ведет на урок №2.
Спасибо, отличное видео!
Классно ❤
Считаю что будет более правильным не пустые свойства а по умолчанию задавать какие либо свойства чтоб не вызывало таких ошибок .
Вижу видео от Александра, ставлю лайк
Кто подскажет что за трек играет в начале?
Вот это другое дело..А то с этими __proto .... просто неудобно для восприятия)
В теге script можно дописать type='module'
Можно также добавить, что методы созданные вне конструктора попадают в прототип
Подскажите почему в классе Student.js после вызова super.validatePassword возвращает ответ отUser.js(false), а блок кода следующий дальше( где this.passwor.length) ни него не выводит. В консоли только один false
Выводит false потому что пароль "7778888" < 10 . true будет если пароль поменять на больший.
@@ЯнШацкий-п8ж но ведь в классе откуда вызывают этот метод "7778888" < 6 условие. вроде должно быть true
Интересно неужели нельзя подключать файлы прямо в js файле? в этом языке есть модификаторы доступа?
можно)
Александр, у вас в описании указана ссылка на второй урок на вашем сайте а не на третий
Супер👍👍👍👍👍😊
Лучший👌
👍
В js5 может конструктор наследоваться от конструктора?
Не понятно,почему метод validatePassword написан без слова 'function'.Так можно что-ли?
в классах и объектах возможно
Можете почитать learnjavascript там много нюансов можно узнать)
Супер)
Спасибо!
все отлично!
super понятно
класно, дякую)
Ребят, я тугодум и поэтому прошу объяснить: в чем разница между прототипированием и классом?)
Сам точно не знаю: тоже новичок. Если я не ошибаюсь, то в js есть 2 способа использования ООП: прототипное и классовое. Можно найти в интернете и почитать. Я только изучаю, не углублялся
@@jeb_7749 нет, в JS только прототипирование. Классы появились просто в синтаксисе, а на самом деле ничего не изменилось, все так же работает на прототипах.
@@jeb_7749 разницы нету, по этому желательно знать как работает прототипное наследование. Сейчас я ради этого тренируюсь, переписываю классы ES5 на ES6.
спасибо!
Спасибо
thank you man
20:05 классы по дефолту идут в строгом режиме, вроде как бы
@Кот Кот та и есть +
14:30 Подключение класса отдельным файлом
Поимите благодарность! Учусь в Германии. Если бы у нас так всё объясняли!
Попробуй взять книгу "ES6 и не только"
Дякую
А где дз
Спасиба
По моему мнению, этот урок перегружен информацией. Другие Ваши уроки понял сразу, в этом одно накладывается на другое (из одного файла в другой, плюс неизвестные метод extend) и с трудом улавливал логику повествования. В любом случае спасибо. Еще плюс ваших курсов, что задачи даете с нарастающей сложностью и первые задачи позволяют разобраться в синтаксисе и объявлении вообще сущностей. Это очень облегчает и эмоционально проще выполнять) когда не чувствуешь себя "дураком"))
Здравствуйте, каждый класс в новом файле - это плохая практика и это не хорошо, считаю грубой ошибкой. Например : Будет 50 Классов и каждый в новом файле - это 50 запросов на сервер .
Пример:
10 человек по 50 запросов 500 запросов на сервер за секунду а то и менее секунды .
Это очень плохая практика !!!!
для закрепления классно, лучше на русском еще не видел.
12:43 остановился
Скучаю по старому оформлению превью
Все знающие классическое ООП думают ну наконец то нормальные классы и наследование в JS появились с ES6 )))) а на самом деле под капотом происходят те же извращения что и были раньше. Но чтобы понять как работает Прототипное наследование в JS придётся погрузится и в эти извращения, потому что много приложений написанных в старом стиле и дабы знать что под капотом.
like eje
+
+++
Понятно, но нелегко.
спасибо
Дякую
Дякую