Урок 1. JavaScript. Что такое prototype. JavaScript Prototype (English Subs)
Вставка
- Опубліковано 7 лют 2025
- Закрытое сообщество и продвинутый контент: t.me/NextgenSo...
Telegram: t.me/js_by_vla...
Instagram: / vladilen.minin
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...
#js #javascript #prototype
Полезен ли вам такой материал? Или слишком просто?)
Благодарю за контент, но прототипы это просто, что будет дальше? Итераторы, генераторы и конкретно практика по ним, их использование я видел только в 1 практическом видео на английском, чего то никто их не юзает.
@@CorleoneMikele контекст, замыкания, promises, proxy, best practices
Как я выяснил, не все до конца это понимают и переходят к фреймворкам
@@VladilenMinin proxy, best practices, я за это.
отлично, толковых уроков по продвинутому js не так много сегодня
давай, т.к. Sorax уже устарел, да и пропал, а стили у вас очень похоже, особенно если смотреть тебя на скорости x1.25
Спасибо, объяснение простое и хорошее. Досмотрела до "мы можем делать с объектом Лена что угодно" и чуть напряглась:).
😁
А вы наоборот расслабьтесь.
АХАХАХХАХАХАХАХАХАХХАХАХХААА
Oooh my 😂😚
Я даже больше скажу. Два года прошло, а Владилен продолжает делать с Леной всё что угодно
Открыли прототип Лены, а оказалось что Лена на самом деле - Максим
Сейчас на какую Лену не плюнь, там Максим и наоборот.
Елена Максимовна 😊
🤣🤣
@@НиколайТуршиев 🤣🤣
@@Alex__88 🤣🤣
Я живу в беларуси и у меня нет денег на платные курсы, но благодаря вашему труду и книге learn.javascript я могу обучаться и развиваться как специалист. Спасибо Вам огромнейшее!!!
Как у тебя дела? Все ещё во фронтэнде?
@@syrexsoez смысл такое спрашивать, ты услышишь либо 1.) я бросил 2.) я работаю ВСЁ :) тут рандом.
@@PacoOfficial пототому что мне интересно. если да, то как устроился, через сколько, если нет то почему и тд
@@syrexsoez да это ничего не значит, ну скажет он тебе через сайт устроился за 1 неделю, для тебя это ниче не сыграет вообще, у тебя свой путь, пойми и какая разница почему нет) ты себя лишней инфой пичкаешь, настройся и идти к цели не смотря на других
@@PacoOfficial ты знаешь что такое интерес? вот он у меня и возник, я хочу узнать что с ним сейчас и мне все равно, что он ответит. Причем тут личный путь? Я не умру и не напичкаю себя лишней инфой, если узнаю что с ним сейчас
Боже, нашелся человек который объясняет адекватно
ты еще не смотрел Димыча(it-kamasutra)
@@zzhanat4905 Вот как раз Димыча из-за его подачи смотреть, по крайней мере мне, невозможно
@@alexeykorovatsky3053 он вроде очень подробно объяснет как для детей
@@maksimrugalov3158 Димыч не оперирует понятиями, из-за этого возникают неточности. Все должно быть названо своими именами. В русском сегменте богаче у всех язык у Юрия Бура, хотя у него только по реакту курс. Ну и если брать по vue.js Илью Климова.
@@zzhanat4905 С его душами?))
"Мы можем делать с объектом lena что угодно" - с этого момента подписался и лайкнул ) Парень дело говорит)
Хаха, то ли ещё будет!
Добро пожаловать)
Прочёл комментарий - полез смотреть видео)
@@eugenekapustynskyi6979 Обычно наоборот...
10:00 давно мечтал с объектом Лена делать что угодно
Кто внимательно смотрел, знает, что объект Лена на более глубоком уровне является объектом "Максим"...
@@denisyakorev Да какая в Object разница
@@denisyakorev Какой же ахуеннй ответ
@@denisyakorev не корректно, так как на более глубоком уровне объект lena является объектом person. Но попытка хорошая)
@@denisyakorev так даже лучше
Было бы круто, если бы еще приводились примеры реального использования. Песочница это хорошо, безусловно и все понятно объяснено, но если бы еще увидеть пару примеров практического использования было бы вообще супер. Лайк за видео.
с опозданием. Но для тех кто смотрит сейчас.
Конструктор "new" это так называемый - "синтаксический сахар". Такое название, потому что это "приправа" для основы. В целом не несёт полноценной функциональности, но упрощает читабельность кода и сокращает его размеры.
Реальный пример.
Вам нужно создать два объекта - "личность" и "машина". У каждого из них свои характеристики. У личности - "имя", "пол", "возраст". У машины - "модель", "цвет", "год выпуска". Логично, что у "личности" не может быть характеристики - "модель", а у “машины" - "пол". Но ... у обоих может быть такая характеристика, как ... например, "масса".
Спрашивается, зачем вам в каждом объекте прописывать одну и туже характеристику? А если таких объектов 500, в крупном проекте ... и одинаковых характеристик не 1 ... а 10? вы напишите 5000 раз одну и туже строчку. Даже ctrl+c/v не поможет сэкономить время.
Есть способ избежать этого мучения. Описанный в этом видео.
Через прототипирование создаёте характеристику для глобального класса. Можно даже свой придумать ... например, new MaterialObjects(). Создать в нём свойство - "масса".
И теперь, создавая объекты person и car, через конструктор new MaterialObjects() на втором уровне в поле __proto__ вы увидите общую характеристику для всех созданных объектов - "масса".
Стоит пояснить, что классы Object и String из видео существуют изначально и зашиты в сам язык js. Поэтому у них есть какие-то свойства.
На здоровье. Сам учусь и понимаю как сложно объясняют простые вещи эти программисты)) Видимо профессиональная привычка 😂
Прорвёмся ❤
PS есть одно НО, ... мой пример - очень груб. Потому что "масса" личности и машины будет сильно разной. Сложность в том, что нужно уметь подбирать действительно и по-настоящему глобальные свойства. Значения которых будут одинаковыми, что у личности, что у машины.
@@evgeniyzabolotskih4530👍👍
Спасибо, что отписался, много времени уже прошло с того момента, уже сам менторю))
Сам ReactNative сейчас изучаю, круто, что есть референс в виде этого видео, чтобы сослаться в случае чего)
@@ivan_sukhachev 🤜🤛 а я нублю пока что :) правда есть у меня ментор ... сеньор уже и так вышло, что лучший друг юности. И я очуметь как благодарен судьбе, что есть у меня такой человек 😅 Ты вроде только радоваться начнёшь новому открытию, а он спускает тебя с небес на землю. И конечно бесплатно, в любое время суток ♥️
Как тебе удалось освоить js c нуля в итоге?
@@thelowfer1016 Если коротко, то практика)
Если нет, то шаг за шагом, тема за темой. Если сам не можешь составить план, то есть roadmap'ы по изучению языка, идешь по списку, изучаешь, а потом практикуешься на пет проектах 🙂
блять, я так рад что это появился этот плейлист, спасибо тебе. вижу следующее видео про this. после гоши дударя с его словами "Ну вот тут напишем this, просто потому что на эту форму ссылаемся" эти видео как манна небесная просто
А у меня весь канал в таких материалах)
Благодарю! Ваш урок оказался очень кстати. После ознакомления с данной темой уже думала покончить с обучением JS, а здесь все так понятно рассказано.
Первый раз я бросил когда дошёл до функций
@@ВалерийМарочкин-ы6вмне на массивах было тяжко, а затем на хуках реакта с редаксом, вот там я конкретно перегорал по несколько раз. А сейчас всё кажется таким простым)
Спасибо, Владилен. У вас прекрасно получается объяснять материал 🙂
Благодарю. Мне было полезно. Возможно для людей получающих академическое образование это "слишком просто", но я изучаю сам и как раз простое объяснение очень важно для меня.
Ты просто красавчик, серьезно. Просто идеально объяснил, с меня лайк
Если ещё поставишь колокольчик буду супер признателен)
@@VladilenMinin Как без этого)
Отлично! Больше JS)
Блин, это то что нужно!) Действительно везде в обучалках говорят о циклах ифах массивах и прочем, и никто особо не затрагивает ООП, огонь, спасибо Автору, однозначно подписка и лайки под каждым видео, правда все равно тяжеловато дается и непонятно, но нужно разобраться и попрактиковаться))
Когда только начинал изучать js то никак в голову не влезло всё это, и только сейчас спустя год изучения вернулся и стало более менее понятно. Спасибо, надо будет ещё пересмотреть чтоб прям хорошенько закрепить в голове
Ты просто офигенный, я долго мучился пытаясь понять что такое цепочка
Тогда тебе будет полезен весь плейлист по js)
Геттеры, сеттеры, отличие var от let, ES6 - включите пжлста в обучающий список)
Не сразу, если нужно - включу
@@VladilenMinin очень нужно , прям кпцц
думаю для отличия var от let не стоит делать отдельны ролик, это информация легкая для понимания и так)
отличие var от let, ES6 потратьте 5 минут на поиск в гугле..там все понятно )
@@Скыбыдыщь отличие let в том, что область видимости переменной ограничивается блоком, а не функцией
Комментарий из восьми слов для поддержки этого видео.
Влад, материал - БОМБА!!! , а по поводу «проще», чем проще тем лучше. А для кого слишком просто нечего на ютубе делать, потому что если дюжа умные пусть , вон, документацию почитают, мало не покажется, с ума можно свихнуться. Думаешь почему Гошу Дударя все слушают и реклама у него зашкаливает, потому что обьясняет так что идиот поймет, хотя у него поверхностные уроки и там особо не научишься, но какая подача... , простая и дружественная
Благодарю за отзыв)
Мне не особо интересно, что делают другие русские ютуберы, тот же Георгий. Мне его контент не нравится, но есть люди, кому это близко и это нормально
Лично я не хочу плодить бесполезные ролики по основам с тонной воды ради привлечения массового пользователя. Мне важны единомышленники, которые более продвинутые и самомотивированные, которые ценят свое время)
На сколько я знаю, то строки не являются объектами, но использовать методы объектов могут, так как при вызове метода у строки создается специальный объект-обертка, который запоминает значение строки и применяет это метод к ней, а по завершению метода удаляется.
Неплохо, тонкости не раскрыл, но перед сном круто заходит. Значительно лучше видео чем js за 6 часов. Спасибо
Такие основы неплохо было бы узнать раньше! Но лучше поздно чем никогда.
Спасибо тебе добрый человек! Я наконец-то это поняла!
Хера се ты красавчик! Все понятно и поэтому очень интересно!
Очень круто! После изучения основ - самое то,как следующий шаг, спасибо огромное автору!
огромное спасибо вам за этот цикл! идеально !
Смотря эти видео, я понимаю что остальные «учителя» на ютубе просто пересказывают материал, и возможно сами его не до конца понимают...ведь если ты понимаешь, ты будешь в силах все объяснить на простом языке ! Спасибо !!!
Про понимание и рассказ так и есть, благодарю)
ну хз. тут в видосе как раз просто документация пересказана. а о реальных кейсах применения ни слова.
очень благодарен автору за подробное объяснение
Спасибо))
брат ты мой, Влад.Пасибо за такой урок
Спасибо ,наконец понял что и к чему ,лучший
Вау, Владилен, спасибо большое! Теперь у меня все расставлено по полочкам!
Ура! Очень рад)
"Преподователь от бога"... Так кажется говорят. Всегда внятная и интересная подача материала.
Огромное человеческое спасибо автору.
Ты просто каша-пацан, ты так доступно объясняешь (в том числе и в других видео-уроков).
Процветание твоему каналу.
Единственная просьба, если такое возможно, то хорошо было бы если уточнял где и зачем применяется данное чудо)
Почему каша?)
@@VladilenMinin каша значит бомбовые )
@@VladilenMinin а бомбовые значит четкие )
@@VladilenMinin а четкие значит грамотные ) дальше думаю понятно )
Я их так боялся раньше, прототипы ваши )) А теперь совсем и не страшно )
Хорошо бы подкреплять материал небольшим примером из жизни, т.е. показать на практике в каких случаях это может пригодиться.
Вопрос где это применять? Нахер он нужен не пойму
Самый полезный плейлист
Теперь я знаю что такое прототип и как им можно пользоваться. Коротко если то - prototype это родитель любого объекта
Лучшее объяснение, что я слышал!!!
Спасибо тебе, добрый человек! Я наконец-то поняла, что такое prototype, щас расплачусь от счастья🥲
Уже давненько работаю с js, но много чего использовал не до конца понимая как работает та или иная вещь, спасибо за канал! ГОДНОТАААААААААА!)
Отличный формат. Глубже понять js это то, что нужно. Я смотрел Зоракса, мне твои уроки больше нравятся
Не думаю, что нас есть смысл сравнивать, ведь формат немного разный)
У него крутые референсы, я же стараюсь объяснить
Но благодарю)
Vladilen Minin Я это написал не для того, чтобы как-то выделить. У каждого должна быть своя фишка. Спасибо за уроки
@@dan.gorbunov В любом случае я очень радуюсь, что есть аналогия с сораксом, потому что он клевый парень!
Vladilen Minin Я тебе говорил о признании. Делать реальные хорошие проекты которые написаны не твоими руками это реально очень круто и необходимо
@@dan.gorbunov Учитывая, сколько реальных проектов я за свою карьеру сделал, мне абсолютно не жалко, а даже приятно этим делиться. При чем на любых технологиях)
Этот ролик может запутать новичков. Тут кое-что недосказано. Свойство prototype есть только у функций конструкторов. Она ссылается на почти пустой объект. Имеет одно свойство constructor, ссылающийся на эту же функцию. При создании нового объекта через ключевое свойство new, этот объект имеющий свойство __proto__ будет иметь ссылку на prototype функции, с помощью которой он был создан. В свою очередь функция конструктор тоже имеет свойство __proto__ и она имеет ссылку на Function.prototype, а ее __proto__ ссылается на Object.prototype. Вот и вся цепочка в принципе.
Лучше всего усваивается в сравнении с жизненными реалиями. Если возможно, то обратите на это внимание, Владилен
Сделаю живые примеры, со следующего видео!
До сих пор полезно !) Спасибо автору !
Годный урок, побольше бы таких!
Целый плейлист в твоем распоряжении)
Владилен, вы - замечательный! Как понятно, как доходчиво!
Мегакруто и просто про прототипы, у меня просто глаза открылись. =)
Да Благословит Вас Господь!
Молодец, красавчик, понятнее некуда!
"Господа!")))) А так классный урок, спасибо!
Наконецто-то стал понятен этот прототайп
Отличный плейлист. Даже учитывая, что я работаю уже как мидл фулл стак, всегда полезно освежить память по таким вот темам, так как все они идут в матрице вопросов для повышения своего уровня до синьора, а пользовался я прототипами года три назад, само собой, что я это знаю, но а вдруг, я что-то забыл и где-то налажаю, а что ты забыл, ты никогда не узнаешь, пока не вспомнишь или тебе не напомнят :) Естественно быстрее найти и прочитать, но не всегда есть время, а Ваши уроки отлично заходят во время работы. Спасибо за работу, уверен, многим это будет полезно.
Судя по сообщениям больше интересует Лена, чем какие то прототипы =)
как же хорошо и волшебно, что есть ваш канал. )
Дякую за пояснення! Дуже радий що знайшов ваш канал! 💛
Спасибо! Начинающему зашло хорошо!
На то и был расчет)
Канал просто находка)
Лекция - БОМБА! СПАСИБО!
Отлично чем проще тем лучше
Просто и понятно. Отличная работа, спасибо
из этого видео я узнал что Строка это тоже Обьект, ШОК!!!
А еще что Лена это Максим!!
Все очень понятно и интересно! Спасибо
Спасибо за видео. Очень доходчиво для бэкенддера.
Спасибо Владилен очень доходчиво и понятно.от души!!!
Крутая подача, закрыт пробел по prototype, хотя когда-то давно у Кантора обучался всему этому. Хотелось бы материал про классы, наследование и все про то как это используют в больших проектах и фреймворках. Также интересны моменты когда использовать vanilla js, а когда библиотеки и вообще грамотный подход при выборе библиотек под задачу. Если это выходит за рамки базового курса, то на будущее ;)
Владилен, вы очень детально объяснили данную тему. Стало все понятно. Насколько я понял это хороший способ наследования свойств. Спасибо за видео
Спасибо за твои видео, ты помог мне в 10 раз быстрее разобраться с JS
Прототипы - это механизм, с помощью которого объекты в JS наследуют методы и свойства друг у друга. В каждом объекте есть свойство __proto__ , это прототип-объект в котором лежат методы и свойства родительского объекта\класса.
Самый главной класс это Object, от него идет цепочка
Большое спасибо за видео,читал документацию на MDN - не понял,в вашем видео же все отлично описано
Спасибо за урок! Очень доступно объяснили
Отлично объяснил! раньше никак не мог понять, почему же все в js это объекты. А ты разложил все на пальцах. Все действительно просто) Спасибо большое! Давай больше продвинутых штук. А то надоело слушать про var или что такое array
Целый плейлист в твоём распоряжении)
Очень просто понятно и лаконично) спасибо большое)
Наконец-то нашел, спасибо!
Спасибо большое за твои видосы!
Оооо, крутой канал - как долго я искал такой!!!!!!!!
Добро пожаловать)
Шикарно понятное объяснение!
Ждут с нетерпением про JS
Спасибо за урок!
Спасибо за дезинфу, я собес завалил на этом вопросе. Не являются все типы объектами. Есть механизм в js boxing/unboxing, благодаря которому у всех типов есть свои методы
Спасибо. Очень здорово, что вы этим занимаетесь, очень полезно 👍
Неделю вгрызался в прототипы, а тут видео посмотрел и озарило!
Добро пожаловать)
Спасибо вам Владилен!
Как всегда видос супер, хорошо объясняешь, доходчиво , (давно смотрю твой канал)!!!! Но, есть одно "Но", нужно знать в каких случаях это использовать, и это касается не только этого видоса. Чтоб при возникновении этого случая можно было пересмотреть видос и применить все на практике.
Спасибо за видео. Всё понятно и доходчиво
13:20 даже в js примитивы типа строк, чисел и булевых значений это не объекты.
typeof у new String('string') и 'string' будут разные.
А откуда же тогда методы у примитивов? При обращении к примитивам создаются временные объекты обертки и после выполнения удаляются.
Если бы примитивы были объектами, то работало следующее:
let str = 'string';
str.test = 3;
console.log(str.test); // если объект, то ожидаем 3
Сам хотел написать коммент такого содержания. Но автор, думаю, хотел апстрагироваться. Но неточность, конечно, на лицо.
спасибо)
Простым языком, красава
Владилен немного неточно выразился. Если мы пользуемся записью const str = new String('Hello'), то тип значения этой переменной будет object, а если создадим как const str = 'Hello', то типом значения будет string. Проверить это можно в консоли, написав typeof str. new String() - это объект-обертка, который вызывается автоматически, когда мы пытаемся использовать методы строк, а после этого обертка удаляется, все это происходит на ходу и лучше не использовать запись через new String(), потому что это может поломать код в тот момент, когда мы пытаеся проверить тип значения переменной и что-то сделать исходя из результата. Например, если тип значения object, то мы выводим str.toString(), а если string, то str.toUpperCase()
со второго раза все понял, спасибо большое Владилен за Ваш неустанный труд!
Круто!
Продолжай в том же духе!
Топ
Огромное спасибо.. подача просто шикарная материала!
Спасибо, от души) всё чётко, без заумных словечек! и подача топовая) подписка однозначно
Ай, молодец!!! На пальцах объяснил.
спасибо большое за ваше видео, все очень доходчиво!
Настолько понятно все объясняете, спасибо огромное!
Супер! Лайкнул, подписался и нажал на колокольчик. Теперь я слежу за тобой.))
все круто, пошел дальше смотреть
Огромное спасибо!!! Очень четко и доходчиво преподносите информацию! Приятно слушать емкую и грамотную речь!
Спасибо! Очень полезеный материал для новичков!
От души. Очень рад, что наткнулся на ваш плейлист, спасибо