JavaScript - от this до прототипов | Юрий Федоренко

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น • 111

  • @enigma9445
    @enigma9445 2 ปีที่แล้ว +3

    Спасибо друг, лучшее explanation 👏

    • @HillelITSchool
      @HillelITSchool  2 ปีที่แล้ว +2

      Раді, що стали в нагоді 💙

  • @leitohardy9679
    @leitohardy9679 6 ปีที่แล้ว +5

    Чел реально отлично преподает JS!

  • @user-108andalu
    @user-108andalu 4 ปีที่แล้ว

    Наверное, лучшее на всем пространстве видео на данную тему. Докопались с какой-то опиской в коде. Простейший же код, че млин голову ломать. Сначала сами попробуйте подобного рода создать что-нибудь... Гениальный видос. Юрий, очень нужны ваши видео на прочие темы JS, вы великолепны

  • @alexandertsvetkov6120
    @alexandertsvetkov6120 5 ปีที่แล้ว +1

    Вот бы всем так объснять! Спасибо, все стало на свои места!!!

  • @pandaskeptic2937
    @pandaskeptic2937 5 ปีที่แล้ว +18

    Отличное видео! 👍 👍 👍
    10:18 вместо равно минус должен стоять, а то код ошибку выдаст.

    • @vasya8441
      @vasya8441 5 ปีที่แล้ว +2

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

    • @puzzle2012
      @puzzle2012 2 ปีที่แล้ว

      Блин, не мог понять как этот код должен работать. Написал тестовую страницу, получил ошибку, понял, что ошибка в коде из видео. И только потом заглянул в комментарии )

  • @romansvidunovich3282
    @romansvidunovich3282 5 ปีที่แล้ว

    Класс! Я почти два час потратил пытаясь это всё объяснить. Спасибо!

  • @alexkot1265
    @alexkot1265 6 ปีที่แล้ว +10

    Столь лаконичное и информативное видео сегодня на вес золота. Хочется посмотреть еще что-нибудь. Так же было бы здорово систематизировать знания с телеграмм-канала, он хорош.

  • @fruitypie
    @fruitypie 6 ปีที่แล้ว +10

    Супер, спасибо за видео) Сделайте видео о функциях высшего порядка в связке с call,bind,apply

  • @шмяка
    @шмяка 6 ปีที่แล้ว

    Уже, наверное, раз пятый пересматриваю видео. С каждым разом все более осознанно. Отличное видео, просто класс!!

  • @СергійСанніков
    @СергійСанніков 3 ปีที่แล้ว

    Однозначно Лайк!!

  • @dmytrodemydenko3534
    @dmytrodemydenko3534 6 ปีที่แล้ว +16

    Спасибо. Наконец то я понял что такое __proto__ && prototype :)

  • @raul_duken
    @raul_duken 4 ปีที่แล้ว +1

    11.56 ссылка proto нового обьекта будет ссылаться на тот обьект что лежит в свойстве prototype в функции, А КАК же то что она должна ссылаться на function.prototype, как же call() и apply()?

  • @nicothin
    @nicothin 6 ปีที่แล้ว +35

    Отличное видео.
    Но как-же много перебивок. Одна даже в середине предложения :(

    • @yurafedorenko1218
      @yurafedorenko1218 6 ปีที่แล้ว +2

      у некоторых "опытных" спикеров иногда не получается целое предложение записать одним дублем))

  • @frednoby8531
    @frednoby8531 5 ปีที่แล้ว +12

    Можете снять урок по геттерам и сеттерам в JS? Вот ни один источник доходчиво и просто не объясняет суть этого.

  • @christinalozovaya5860
    @christinalozovaya5860 5 ปีที่แล้ว +2

    суперски объясняешь, спасибо!

  • @БогданЮрчук-т8о
    @БогданЮрчук-т8о 6 ปีที่แล้ว +60

    бесит вечно мигающая яркая заставка)
    а видео норм)
    примеров бы больше

    • @joylz7045
      @joylz7045 5 ปีที่แล้ว +2

      Я не одинок!

  • @annpm1997
    @annpm1997 4 ปีที่แล้ว

    Круто!! Молодец!!👍👍👍

  • @angrycatstudio2816
    @angrycatstudio2816 4 ปีที่แล้ว

    Ты крут.

  • @bvfromruvitaliy
    @bvfromruvitaliy 3 ปีที่แล้ว +1

    Юрий, вы очень понятно объясняете! Хочется больше таких видео. Но на канале что-то не очень много их нашел. :( Может не там искал?

    • @HillelITSchool
      @HillelITSchool  3 ปีที่แล้ว +1

      Вот плейлист со всеми видео Юрия - th-cam.com/play/PLuEo4W0EBxtWOf1CZQNmqzwRWG9xeTOZ6.html

  • @АндрейГарбуз-х2у
    @АндрейГарбуз-х2у 6 ปีที่แล้ว

    Спасибо большое, очень рад что нашел ваш канал

  • @fedotnetot3876
    @fedotnetot3876 4 ปีที่แล้ว

    Борода, это лучшее толкование this и prototype, которое можно найти, молодец.

  • @ДенисКаракчиев-р1ю
    @ДенисКаракчиев-р1ю 5 ปีที่แล้ว

    Самое простое объяснение классов. Спасибо =)

  • @dmytrohelbak
    @dmytrohelbak 5 ปีที่แล้ว

    Супер объяснение, супер материал, супер спасибо!!!

  • @АлександрТерехов-ц9ч
    @АлександрТерехов-ц9ч 4 ปีที่แล้ว

    Отличное видео!!!!!

  • @scape4632
    @scape4632 5 ปีที่แล้ว +5

    Сними видос про ООП js, es6

  • @ihortsarenko3119
    @ihortsarenko3119 5 ปีที่แล้ว

    Освіжив перед співбесідою :) Дякую!

  • @СергейКоршунов-к3ь
    @СергейКоршунов-к3ь 5 ปีที่แล้ว

    Это вы объяснили прототипы на ES5?

  • @РоманОгарков-ь6д
    @РоманОгарков-ь6д 6 ปีที่แล้ว +5

    Отличная подача! Все стало понятно, спасибо!

  • @ЕвгенийНовиков-ш7х
    @ЕвгенийНовиков-ш7х 6 ปีที่แล้ว +2

    Круто, спасибо!

  • @theonewhonowz
    @theonewhonowz 6 ปีที่แล้ว +4

    Классно, ваще четко, закрепил свои знания, спасибо большое, давайте дальше про ТРИ КИТА в JS на классасх и как раз там расскажите про стрелочные

  • @Наталья-с8з4ц
    @Наталья-с8з4ц 4 ปีที่แล้ว

    Спасибо, объяснения супер!

  • @bvfromruvitaliy
    @bvfromruvitaliy 3 ปีที่แล้ว

    Пересмотрел второй раз после двух недель изучения теории на эту тему. Теперь смутило, что ничего не сказали про скрытое свойство [[prototype]]. А ведь по сути это оно содержит ссылку на прототип обьекта, а __protto__ - это всего лишь геттер/сеттер для него.

  • @jonecramer3870
    @jonecramer3870 4 ปีที่แล้ว

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

  • @object_undefined
    @object_undefined 6 ปีที่แล้ว

    Отличное обьяснение!

  • @slavkapiyavka
    @slavkapiyavka ปีที่แล้ว +1

    5:32 - null, а не undefined

  • @SafetyLast-_-
    @SafetyLast-_- 2 ปีที่แล้ว +2

    Юра, когда ты расскажешь о том кто такой "Area Lead" ? :)
    P.S. Подкаст интересный! Продолжайте в том же духе 👍

  • @valexxjr
    @valexxjr 5 ปีที่แล้ว +3

    Зыс 😁
    Спасибо за информативный ролик)

  • @demetrio_dede
    @demetrio_dede 5 ปีที่แล้ว

    Спасибо.Очень доходчиво)

  • @PacoOfficial
    @PacoOfficial 6 ปีที่แล้ว +1

    мне вот эта тема с прототипами в js прям нрав, как оно всё наследуется от прототипа и т.д

  • @codedreams3209
    @codedreams3209 5 ปีที่แล้ว

    Спасибо дядя, очень классно получается

  • @zatoprosto103
    @zatoprosto103 6 ปีที่แล้ว

    Очень хорошо. Спасибо.

  • @radist126
    @radist126 5 ปีที่แล้ว

    Классное видео. Спасибо. Начал понимать!!

  • @makarofff11
    @makarofff11 5 ปีที่แล้ว

    Спасибо!

  • @alexiki3523
    @alexiki3523 6 ปีที่แล้ว

    Спасибо. Потешил!

  • @micoberss5579
    @micoberss5579 6 ปีที่แล้ว +1

    Spasibo vam

  • @stanislavivko7329
    @stanislavivko7329 5 ปีที่แล้ว +1

    Только начал. И по-моему этот видос для тех кто и так в теме, так как нифига не проячнил. Про this я и сам знаю, так что все понял. Про proto нифига не знаю, но спасибо, теперь я знаю что есть какая-то непонятная штука которая неизвестно зачем нужна, но наверняка очень полезная, ага.
    И 10500 перебивок. Это блянупиздец.
    Буду рисовать крутые схемки со стрелочками и не покажу ни одного нормального примера, что б выглядеть умным, а потом запущу перебивку и поехали к следующей теме

  • @N5O1
    @N5O1 4 ปีที่แล้ว

    Класс - это функция, а функция - это объект, у объекта есть прототипы.
    __proto__ - ссылка на список прототипов родителя.
    This - ссылка на метод или какое-то значение объекта, в котором вызывается функция.
    Так?

  • @hacksaw_raw
    @hacksaw_raw 6 ปีที่แล้ว +1

    Круто получилось. Продолжайте

  • @orcsamuro9687
    @orcsamuro9687 3 ปีที่แล้ว

    Спасибо, у меня сложился пазл

  • @juliusmalkov9620
    @juliusmalkov9620 4 ปีที่แล้ว

    отличное видео, но где ещё?)

  • @Vitlsa
    @Vitlsa 5 ปีที่แล้ว +1

    2:30 - use strict делает this undefined - у меня получилось всё равно window, как я не старался...

    • @RavenTheX
      @RavenTheX 5 ปีที่แล้ว

      Магия какая то, скорее всего где то у тебя ошибка в коде...

    • @ЛасточкинАнатолий
      @ЛасточкинАнатолий 5 ปีที่แล้ว

      вот код, попробуй, u-d, без строгача объект window
      'use strict'
      function g() {
      console.log(this);
      }
      g();

  • @boycovclub
    @boycovclub 6 ปีที่แล้ว +1

    Самый понятное объяснение спасибо

  • @rinatvaliullov3247
    @rinatvaliullov3247 6 ปีที่แล้ว

    Кажется по поводу __proto__, если в Object.prototype нет свойства, то возвращается null, а не undefined (5:33)

    • @theonewhonowz
      @theonewhonowz 6 ปีที่แล้ว

      Нет, неверно, ubdefined как раз таки и означает что там ничего нету, а null этого гарантировать не может, т.к null означает что это свойство уже явно создано, но пустое, а null т.к будет присвоен не примитив и самое важное, что он будет присвоен, так что null там далеко нету

    • @fruitypie
      @fruitypie 6 ปีที่แล้ว +1

      Object.prototype ссылается на null, а при поиске свойств в цепочке и их несуществовании в нем, возвращается undefined :)

    • @rinatvaliullov3247
      @rinatvaliullov3247 6 ปีที่แล้ว

      то есть то, что в консоли в хром дев тулз выводится и есть то, на что ссылается Object.prototype

    • @fruitypie
      @fruitypie 6 ปีที่แล้ว

      Чтобы узнать, на что ссылается Object.prototype, нужно написать следующее: Object.prototype.__proto__

    • @yurafedorenko1218
      @yurafedorenko1218 6 ปีที่แล้ว +1

      так стоп, вот тут случается подмена понятия)) если нет свойства то возвращается undefined, а вот Object.prototype.__proto__ указывает на null, но это вообще не одно и то же

  • @xxxxPomaHxxxx
    @xxxxPomaHxxxx 5 ปีที่แล้ว

    На 1:46, функция копируется не по ссылке а по значению, если мы присвоили в свойство объекта функцию то есть он стал методом, то потом изменив исходную функцию мы сохраним в объекте изначальную.

  • @eugenenovikov671
    @eugenenovikov671 5 ปีที่แล้ว

    var obj = {arr:[1,2,3], f:function(){this.arr.forEach(function(el){ тут this равен undefined - почему? })}}

    • @vlad-yelnikov
      @vlad-yelnikov 5 ปีที่แล้ว

      Здесь this - объект, все как и должно быть. Если ты про то, что в консоли браузера показывает undefined, то это результат возврата функции, если она ничего не возвращает (как у тебя), то будет выводиться undefined в консоль. Это нормально и к this никак не относится.
      P.S. На будущее - лучше давай ссылку с нормально отформатированным кодом (с отступами и т.д.) на pastebin или что-то подобное - чтоб проще читалось. А в том виде, как ты сюда в комменты скинул - далеко не каждый будет смотреть и разбираться, что там у тебя не работает.

  • @ai4e277
    @ai4e277 5 ปีที่แล้ว +8

    Ты крут, единственное реально нужно исправить глухую Г и слово када, заменить на когда. Удачи тебе 😉 очень классно рассказываешь

  • @Ratelchief
    @Ratelchief 6 ปีที่แล้ว

    в конце цепочки - __proto__ -вернется null, а не undefined.
    видео полезное и наглядное.

    • @yurafedorenko1218
      @yurafedorenko1218 6 ปีที่แล้ว +1

      имеется ввиду, что если запрашиваемое свойство не найдено, то вернется undefined

  • @fedoskamcha3768
    @fedoskamcha3768 3 ปีที่แล้ว

    САмое крутое объснение которое я видел\

  • @ssurrokk
    @ssurrokk 3 ปีที่แล้ว

    🔥

  • @andreyp2632
    @andreyp2632 6 ปีที่แล้ว +1

    класс, хорошее видео , делай больше про js для начинающих. И маленький совет, поменьше заставок с картинкой - мы вам перезвоним, сильно отвлекает.

  • @WapSter92
    @WapSter92 5 ปีที่แล้ว

    Не хватает примеров для понимания, тоже самое можно в книжке прочитать == лекции в универе

  • @andreytsapko4213
    @andreytsapko4213 6 ปีที่แล้ว +1

    Полезно, сэнкс!

  • @phpner
    @phpner 5 ปีที่แล้ว +1

    Вы мне перезвоните ?

  • @dimaelmoTV
    @dimaelmoTV 6 ปีที่แล้ว +2

    Годно прям

  • @dmytro-skh
    @dmytro-skh 6 ปีที่แล้ว

    Отличное видео, наконец то я понял разницу и зачем так дурацки создаются конструкторы

  • @ИванКурочкин-с9м
    @ИванКурочкин-с9м 5 ปีที่แล้ว

    Зачем программистам доска?) нормально же вставляли код в первой части видео.

  • @petrvictorovich
    @petrvictorovich 3 ปีที่แล้ว

    Нихера не понял, смотрим дальше.

  • @Mamikonars
    @Mamikonars 5 ปีที่แล้ว

    Тысячный лайк ;)

  • @progi99
    @progi99 3 ปีที่แล้ว

    я в прототайп только играл, а так не понял о чем вообще речь была.

  • @PacoOfficial
    @PacoOfficial 6 ปีที่แล้ว

    прикона

  • @alexdang2357
    @alexdang2357 6 ปีที่แล้ว

    nice

  • @rightball1629
    @rightball1629 ปีที่แล้ว

    Че за бред написан на 10:17

  • @violmy
    @violmy 6 ปีที่แล้ว +1

    класно! го веб по жесті js)

  • @DenisB-d5f
    @DenisB-d5f 5 ปีที่แล้ว +2

    зыс

  • @andreyevichmak7
    @andreyevichmak7 3 ปีที่แล้ว +1

    Это наверно только мне режит глаз, как вы пытатесь сделать вид, будто вы не читаете, а пытаетесь на ходу это рассказывать, поднимая глаза в верх или делая нелепые паузы.
    ничего личного ;)

  • @ПоликарпГазов-ы1м
    @ПоликарпГазов-ы1м 4 ปีที่แล้ว

    ОБj.

  • @larryunderwood615
    @larryunderwood615 5 ปีที่แล้ว

    Зыс. Вындоу.

  • @XGODsunXd1000X
    @XGODsunXd1000X 5 ปีที่แล้ว

    глабальны абъект

  • @alexsmurf5425
    @alexsmurf5425 5 ปีที่แล้ว

    насчет минус прям в точку, походу автор комменты не желает читать, а вдруг у него и в следующих видео и в предыдущих есть подобные косяки.
    Мне интересно, он когда примеры свои пишет в консоли трудно запустить разок.

  • @it8995
    @it8995 4 ปีที่แล้ว

    круто, ничего не понятно

  • @elijahgavrilov1686
    @elijahgavrilov1686 3 ปีที่แล้ว +1

    у вас каша особенно в начале

  • @acckiygerman
    @acckiygerman 4 ปีที่แล้ว

    Гребаная заставка бесит. Невозможно смотреть.

  • @xdarkfenixx
    @xdarkfenixx 4 ปีที่แล้ว

    дизлайк за частую заставку

  • @nazarromanchuk6080
    @nazarromanchuk6080 5 ปีที่แล้ว +1

    "Мы Вам перезвоним" - фу, нереально бісить!

  • @vkgorodok
    @vkgorodok 4 ปีที่แล้ว

    Слишком мало примеров кода, зато много говорильни.

  • @alexbel5599
    @alexbel5599 5 ปีที่แล้ว

    Хорошая подача. Но гекаешь так сильно и в каждом слове, что аж отвлекает... А я из Украины...

  • @typokrat
    @typokrat 5 ปีที่แล้ว

    Все прекрасно..
    НО!!! Перестань ХЭЭЭКАТЬ!
    Уши режет ... ! Хээ Хээ Хээ

  • @ИванПономарёв-м6э
    @ИванПономарёв-м6э 2 ปีที่แล้ว

    не return now.getFullYear() = this.born а return now.getFullYear() - this.born;