#11. Что такое prototype Javascript (прототипы и прототипное наследование в JS).

Поделиться
HTML-код
  • Опубликовано: 14 сен 2021
  • Telegram StackDev: t.me/stackdevru
    Прототипы и прототипное наследование - одна из самых часто встречающихся тем на интервью.
    В этом видео разберемся как работает этот механизм, с помощью которого объекты JavaScript наследуют свойства друг от друга.
    Мои Курсы:
    GatsbyJS (полный курс): gatsbyjs.ru
    React для начинающих: react001.ru
    ​Все мои курсы (+ исходные файлы): stackdev.ru
    Подписывайся на соц сети:
    Telegram: t.me/stackdevru
    VK: vasilymur
    Instagram: / vm_online
    Мой блог о веб-разработке: stackdev.blog

Комментарии • 86

  • @f1r3start3r86
    @f1r3start3r86 11 месяцев назад +5

    Как же доступно вы умеете объяснять!

  • @romanmotovilov129
    @romanmotovilov129 2 года назад +8

    Только у вас услышал нормальное пояснение зачем функцию добавлять к прототипу. Спасибо за хороший урок!!!

    • @stackdev
      @stackdev  2 года назад

      Спасибо за поддержку!

    • @user-ot5tx2oj6l
      @user-ot5tx2oj6l 2 года назад +3

      @@stackdev подписываюсь под комментарием выше

  • @vo_skor
    @vo_skor 2 года назад +11

    Ураа, дождался!) рад вновь услышать интересную тему из уст не менее интересного человека :D

    • @stackdev
      @stackdev  2 года назад +1

      Спасибо большое!

  • @user-lc6jl9hi2u
    @user-lc6jl9hi2u 2 месяца назад +1

    Спасибо, про закидывание методов именно в прототип, интересно было узнать!

  • @sergkuznetzov3469
    @sergkuznetzov3469 2 года назад +2

    Спасибо!
    Если ктото хочет понять js ,то этот канал - то что нужно!

  • @MegaPupizoid
    @MegaPupizoid Год назад +2

    Здорово, смотрел разные объяснения. Но вы сделали свой глобальный объект. Спасибо за урок

  • @alexforos5425
    @alexforos5425 2 года назад +1

    Спасибо, с удовольствием смотрю Ваш канал!

  • @NailIsmailov
    @NailIsmailov 2 года назад +3

    Отличное видео и очень доступное обьяснение важных вещей в JS

  • @marine_pearl
    @marine_pearl 2 года назад +3

    Огромное спасибо. Все очень понятно и доступно 🙂)

  • @vgshenshin
    @vgshenshin 9 месяцев назад +1

    Спасибо, отличный урок 👍

  • @aleksandrgarghun5318
    @aleksandrgarghun5318 2 года назад +4

    Василий, спасибо вам огромное...Очень доходчиво и на примерах
    Для меня ваш канал оказался в какой- то мере алмонахом по FrontEnd

  • @user-sv1ze9gk3b
    @user-sv1ze9gk3b 2 года назад +1

    Круто! Люблю автора - отлично объясняет! Спасибо за работу!

    • @stackdev
      @stackdev  2 года назад

      Большое спасибо!

  • @zmerz
    @zmerz Год назад +2

    Классный и понятный урок!Спасибо!!!

  • @alexandregorov3239
    @alexandregorov3239 Год назад +1

    Очень круто и понятно объясняете, спасибо вам!

    • @stackdev
      @stackdev  Год назад

      Спасибо за поддержку!

  • @azatfarmanyan150
    @azatfarmanyan150 2 года назад +1

    Очень хороший урок, все понятно. Спасибо автору !

  • @vic_ivanov
    @vic_ivanov 2 года назад +8

    Спасибо большое за ваши уроки. Вы невероятно доступно объясняете каждую тему! Не останавливайтесь!

    • @stackdev
      @stackdev  2 года назад

      Спасибо большое!

  • @vladimirpuzey713
    @vladimirpuzey713 2 года назад +1

    Отличное объяснение - класс 👍

  • @ingazhelnova4798
    @ingazhelnova4798 Год назад +1

    Спасибо огромное!!! Всё очень понятно!💯

  • @user-ws4ye4rz5w
    @user-ws4ye4rz5w Год назад +4

    Воооот, теперь точно понял 😁 Спасибо за урок

  • @____Olga__
    @____Olga__ 2 года назад +2

    комментарий для продвижения канала,
    хорошая подача , как всегда )

    • @stackdev
      @stackdev  2 года назад

      Спасибо за поддержку!

  • @user-ur6gm4jg1v
    @user-ur6gm4jg1v 2 года назад +1

    Очень помог! Спасибо

  • @svetlanazholobova1200
    @svetlanazholobova1200 5 месяцев назад +1

    спасибо!! отличный урок

  • @user-ie1cg5ur7j
    @user-ie1cg5ur7j 2 года назад +1

    Спасибо. Все понятно

  • @slavikdimitrov2536
    @slavikdimitrov2536 Год назад +2

    наконец я понял )) Спасибо автору за проделанную работу

  • @lestrae
    @lestrae 8 месяцев назад +1

    Очень хорошее объяснение, спасибо. Подписался.

    • @stackdev
      @stackdev  8 месяцев назад

      Спасибо!

  • @larss2772
    @larss2772 2 года назад +1

    Огромное Вам спасибо!

    • @stackdev
      @stackdev  2 года назад

      Спасибо за поддержку!

  • @serzhanzhumagazhayev7865
    @serzhanzhumagazhayev7865 Год назад +1

    Спасибо!

  • @bcrash16
    @bcrash16 Год назад +1

    спасибо очень доходчиво

  • @krup1783
    @krup1783 Год назад +1

    Отличнейшее видео ❣

  • @alexidino
    @alexidino 2 года назад +1

    Закончил плейлист, специально не торопился, тратил на каждую тему один день, повторял на следующий и переходил дальше. Если внимательно слушать, то абсолютно все понятно и ясно. Теперь пойду на плейлист - ES6, прослушаю его и вернусь сюда закрепить если что забудется. Может к тому времени здесь что то добавится. Благодарю Василия за труд, надеюсь через 2-3 месяца найти работу)

    • @ivanlunin8614
      @ivanlunin8614 2 года назад

      Удалось устроиться ?

    • @user-jl8kc2xi5g
      @user-jl8kc2xi5g 23 дня назад

      @@ivanlunin8614 никто не отвечает на такие вопросы как я заметил)ибо автор ушёл в глубокую депрессию пропился и нах забыл айти)

  • @eugenegambler713
    @eugenegambler713 2 года назад +4

    Не понятно, очень годный контент, автор все доходчиво объясняет, а просмотров мало?

    • @stackdev
      @stackdev  2 года назад

      Надеюсь временно:)

    • @catsapp
      @catsapp 2 года назад

      Больше комментов тогда продвинется

  • @sviatbondar1721
    @sviatbondar1721 Год назад +1

    Этот урок очень мне помог понят тему прототипиривания

    • @stackdev
      @stackdev  Год назад

      Спасибо!

    • @sviatbondar1721
      @sviatbondar1721 Год назад

      @@stackdev Скажите Василий а с классами как э то работает?

  • @userman6193
    @userman6193 Год назад +2

    Amazing!!! Отличное пояснение прототипов! Коротко, ЯСНО, практично! Начинаю обожать Вас!) Спасибо.
    Ясность мысли восхитительная, я даже просыпаюсь)) Получаю удовольствие, абсолютно честно - WOW!

  • @gevorgharutyunyan6740
    @gevorgharutyunyan6740 2 года назад +1

    Thanks !!!

  • @dmitriyleshchev5848
    @dmitriyleshchev5848 2 года назад

    Спасибо)

  • @user-te1ut5ev8w
    @user-te1ut5ev8w Год назад +1

    благодарю вас за видео! очень полезно! до вашего видео я не понимал, зачем добавлять метод к прототипу, если можно просто внутри функции-конструктора создать этот же метод через this.metod = ... . Теперь благодаря вам я понял!)

  • @DevStoriesAndTutorials
    @DevStoriesAndTutorials 9 месяцев назад

    Здравствуйет, спасибо за видео!
    А про наследование будет?)) Тоесть если я хочу унаследоваться от Auto.

  • @user-ff3lc1et3u
    @user-ff3lc1et3u 2 года назад +2

    Спасибо. Отличный урок, как всегда. Также интересна тема с вопросами на собесах и исправление багов на реальном проекте. Еще интересны мини проекты на реакте длительностью 30-40 минут.

  • @takecontrol554
    @takecontrol554 10 месяцев назад

    Вась, я тоже читал книгу "занимательная JavaScript" 😊

  • @svet0v
    @svet0v 2 года назад +3

    Тема __proto__ не раскрыта

  • @catsapp
    @catsapp 2 года назад

    Это всё? Достаточно понятно. Но что будут спрашивать на собесах? Посложнее что-то?

  • @sviatbondar1721
    @sviatbondar1721 Год назад

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

  • @flogger2367
    @flogger2367 Год назад

    Нету наследование объектов по цепочке прототипов объектов с помощью object.create() или создание простых объектов...

  • @daniilthegunner843
    @daniilthegunner843 2 года назад +1

    А как грамотно ответить на собеседовании что такое prototype?

    • @catsapp
      @catsapp 2 года назад

      Способ обратиться и занести в прототип функции или объекта новое свойство выше по цепочке наследования, чтобы свойства были общими для всех функций или объектов.

  • @scvorec77
    @scvorec77 Год назад

    В auto.prototype.drive если поставить стрелочную функцию () = > то почему то не работает, а если поставить function () то все в порядке..

    • @Albert_Hall
      @Albert_Hall Год назад

      Потому что у стрелочных функций теряется контекст "this" - это их отличительная черта 📌

  • @siverianserpent5559
    @siverianserpent5559 Год назад

    не понял что такое "головной объект"

  • @nikkom8627
    @nikkom8627 2 года назад +1

    чёта как-то слишком просто оказалось)

    • @catsapp
      @catsapp 2 года назад

      Да. Во всех доках специально запутывают, чтобы порог вхождения в айти был выше. )

  • @user-oe6xt6rb4g
    @user-oe6xt6rb4g 2 года назад

    несомненно здорово дарить другим знания вот бы здорово по медленнее разворачивать контекст Ваших примеров или так задумано

  • @blackwood8816
    @blackwood8816 2 года назад

    А где здесь прототипное наследование?

    • @catsapp
      @catsapp 2 года назад

      Ну мы же свойство выше занесли в вышестоящий объект, от него наследуется свойство нашими объектами (функциями). Оно становится одним общим для всех

  • @youth991
    @youth991 11 месяцев назад

    Если что, в объекте тоже можно дублировать один и тот же метод. Так что у прототипа один только плюс 😅

  • @dontknowwhattotypelo
    @dontknowwhattotypelo Год назад +1

    шляпа полнейшая, не объяснил самое главное: что такое прототип, название видео кликбейт