Коротко, понятно + практика... Как итог - отличный урок. В общем как всегда.

стоило сказать, что apply или call можно было использовать при написании кастомного bind )) в остальном отличное видео

Отдельное спасибо за примеры использования, не всегда понятно где и как реализовать ту, или иную особенность. 👍

Огромное спасибо за такой ценный free материал! Есть маленькая просьба, для таких новичков как я, было бы очень ценно понимать в каких случаях применять полученные знания. Пара примеров из реальной жизни.

Это талант так легко и просто объяснять вещи. Спасибо!

Что-то я не совсем понял. Каким образом заполняется параметр с массивом ...args в замыкании? В bind передается контекст ( объекты ) и функция. А дальше как замыкающая получает параметры ?

Автор объяснил понятнее за 11 минут, чем Кантор, которого я полдня читал и не понял до конца!

Красавчик, видео одно за другим!

Огромное Спасибо! я понял наконец-то что такое замыкание. Надеюсь ты продолжишь снимать ролики, они отличные!!!

Самое доступное объяснение. Спасибо большое за труд!

На самом деле, Вы большой молодец, Владилен)) Спасибо!

Смогли сами реализовать bind? Как вам идея с практикой в конце?)

Очень хорошо! Исчерпывающая информацию + сразу же можно выполнить самостоятельное задание и тут же его проверить. Большое спасибо автору, за возможность подтянуть свои знания!

Спасибо за видео! До момента, когда откуда-то появились ARGS было все понятно.

Спасибо большое за этот плейлист! 👍👍😊

Ваш контент из русскоязычного один из лучших, что я видел/читал.

Владилен, спасибо за классный контент - подача и материал, всё на очень высоком уровне. В некоторых комментариях здесь утверждается, что в видео идет речь о функциях высшего порядка а не о замыканиях. То что это функция высшего порядка, не отменяет тот факт , что здесь также присутствует замыкание: 1. Так как для функции внешним окружением является место, где она была объявлена, а не место где она была вызвана, то в нашем случае анонимная функция которую мы возвращаем как результат выполнения функции bind,получит в качестве ссылки на внешнее лексическое окружение, ссылку на лексическое окружение самой функции bind. При этом, эти ссылки сохраняются в так называемой куче(heap), что позволяет им, в отличии от непосредственно самой функции, выполняющейся в стеке и удаляющейся оттуда сразу после того как функция завершит свою работу, оставаться в памяти до удаления сборщиком мусора. 2. К лексическому окружению функции относятся не только ее параметры, но и аргументы. Поэтому, в нашем случае и context и fn также входят в лексическое окружение функции bind. Теперь, если: const func = bind(person1,LogPerson) то : при вызове func(), произойдет следующее: для получения context и fn функция сначала обратиться к своему лексическому окружению, так как их там нет, то она по имеющейся у неё ссылке начнёт поиск в лексическом окружении внешней функции, где она была объявлена, именно этот момент и есть замыкание. Вот мои два варианта решения задачи: Для чистоты эксперимента, сделал функционал как у оригинального bind, без явного добавления функции в параметры и чтоб совсем все было своим, функцию apply также сделал кастомной: _________________________________________________________________________ Object.prototype.myApply = function (context,args) { if(!Array.isArray(args)) throw new Error('parameter is not Array'); const tempContext = {...context, appliedFunc: this}; tempContext.appliedFunc(...args) }; Object.prototype.myBind = function (context,...args) { const boundFunc = this; return function () { boundFunc.myApply(context,args) } }; logPerson.myBind(person1)() _________________________________________________________________________ Или другой вариант, наиболее оптимальный, объединяющий эти две функции: _________________________________________________________________________ Object.prototype.myBind2 = function (context,...args) { const tempContext = {...context, boundFunc: this}; return function () { tempContext.boundFunc(...args) } } logPerson.myBind(person2)() _________________________________________________________________________

Большое Вам спасибо за такое подробное и простое объяснение!

Кайф! Тяжело найти в инете такое понятное объяснение. Спасибо!

Исходные данные задачи в конце ролика: function logPerson() { // console.log(`Person: ${this.name}, ${this.age}, ${this.job}`) // } // const person1 = {name: 'Михаил', age: 22, job: 'Frontend'} // const person2 = {name: 'Елена', age: 19, job: 'SMM'} // bind(person1, logPerson) // bind(person2, logPerson)

Не скажу ничего нового... Ты просто великолепен) Даешь окрепнуть в понимании нативного js так, как не делают другие и близко... На очереди приобретение курса по Node. Спасибо за все твои труды

Чувак, огромная благодарность!) Великолепно объясняешь!

Ты лучший. Наконец стал понятен смысл замыканий

Замечательное объяснение. Спасибо!

Ещё интересно было бы про AJAX, c практикой, короче скоро это будет топовый канал на ютубе с годными уроками по фронту))

В конце блоки со ссылками на другие видео перекрывают экран и не видно кода.

Премию оскар за лучшее русскоязычное объяснение javascripta )

Действительно простым языком. Спасибо за материал, помогли разобраться!

Лучший способ научить - самый простой! Спасибо, переплюнул 90% инфы на эту темую

я наконец-то понял, что такое замыкание , спасибо тебе огромное 🚀

круто все. Было здорово посмотреть твой урок по созданию JAVASCRIPT плагина.

Отличный контент, спасибо большое)))

Лучшее объяснение замыканий в JavaScript, что я слышал

Лаконично!!👍👍👍 без воды и с реальными примерами

О боги,я понял это спустя неделю попыток и тонны лит-ры и видео) Прикладные примеры - самое важное,за это отдельное спасибо!

Мне кажется что в этом видео пропустили самый главный момент, без которого замыканий не существовало бы - вы пропустили момент создания лексического окружения, которое выполняется каждый раз при вызове функции

объясняешь великолепно

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

Спасибо) отличное объяснение!!

я вот просто, благодарен за твои уроки!!!!!!!!!!!

прекрасный урок, спасибо 😊

Спасибо тебе, Ленин, ты крут!

Спасибо за уроки, отличное качество.

Браво! Все супер понятно! Спасибо!

Владлен, у тебя ахрененный канал. Побольше бы таких))

ОЧЕНЬ ХОРОШО ОБЪЯСНИЛИ. СПАСИБО

Спасибо, это лучшее объяснение.

Довольно простая тема, если по человечески её объснить) Спасибо, наконец-то понял на 100%

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

Отличный контенет. Спасибо

Шикарная информация!

Спасибо за хорошее объяснение.)

Спасибо за видео!

А почему ни слова об областях видимости переменных во вложеных функциях? Мне кажется это тоже важно в данном контексте.

Спасибо за данный плейлист, его ценность сложно переоценить, БЛАГОДАРЮ!!! Идея с задачками в конце просто отличная) Т к не хватало практики. БУДУ РАД ЕСЛИ КТО-ТО МНЕ ОБЬЯСНИТ ЗАЧЕМ В ЗАДАЧКЕ ВООБЩЕ ...args =) Только вот я не понимаю зачем в конечной задачке вообще замыкание и какие еще параметры вы собираетесь туда передавать, этого в условии задачи не было. Можно просто вот так сделать и так же будет все работать: function bind(context, fn) { return fn.apply(context) } bind(person1, logPerson) bind(person2, logPerson) Поэтому необходимости и смысла использования замыкания в данном примере к сожалению я не увидел, хотя хотелось применить как-то это знание. А тут по сути просто мы воспользовались альтернативой .bind(), вместо того, чтобы написать свою функцию. ИМХО.

Комментарий из восьми слов для поддержки этого видео.

10:50 Оператор Rest, а не Spread в данном случае. Spread используется для разделения коллекций на отдельные элементы, а rest, наоборот, для соединения отдельных значений в массив.

Огромное спасибо! Шедевральное обьяснение с примерами. Как минимум, можно будет обьяснить на собеседовании принцип работы или написать самому, а не пытатьсчя заучивать непонятные словешки)))

Очередное видео на данном канале, которое было для меня невероятно полезным :) Плейлист "Сложный JavaScript простым языком" - лучшие материалы по JS из мной увиденных, в очередной раз хочу выразить благодарность автору! 9:33 Что касается задания с функцией bind, вот моё решение (в одну строчку): const bind = (obj, funct) => funct.bind(obj); Или же: function bind(obj, funct) { return funct.bind(obj); } P.S. Я не уверен на сто процентов, верное ли это решение (если оно в чём-то ошибочно, поправьте меня, кто знает лучше), но проверял с такими же объектами person, как и в примере, с функциями, которые принимают от 0 до 3 аргументов, и всё работает. UPD: нет, не всё! Функция bind должна быть каррируемой, тоесть должна уметь принимать аргументы как в первых скобках, так и во вторых. Посмотрите видео, которое автор рекомендует в комментарии к данному комментарию, там он всё объясняет идеально понятно.

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

Сколько уже слов было сказано об этом канале, но я не поленюсь и тоже напишу. Очень лаконично и четко, все по полочкам без воды, спасибо за труды. Привіт з України!

Примеры и задачи должны решаться с замыканием проще и изящней, чем без него. Иначе вопрос "зачем" остается не раскрыт. А по механике все очень доходчиво.

годнота!

Спасибо за урок

спасибище, реально все четко и понятно!

Очень годно))

Большое спасибо Автору за: показал зачем оно в практическом смысле надо. А то остальные только счетчик показывают и всё

Отличный урок!

Как уже писал кто-то ранее, первые два ролика прям доходчиво, тут пример в конце выбивает из колеи понимания.

Спасибо большое за объяснение! Но всё же не совсем понятно, зачем в данном случае нужно замыкание. Можно ведь в рамках одной функции всё сделать: function bind(context, fn) { return fn.call(context) } Какой практический смысл здесь в замыкании?

Владилен, снимаю шляпу!) Прекрасно объясняешь теперь. Не то, что в курсах платных (если честно, не понимаю почему), может просто опыт преподавания растёт))) Так держать! То же и про .bind и .call.

Вообще лучшее объяснение!

замыкание - функция внутри функции и все! гениально

офигенный урок

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

Годнота :))))

Спасибо. С 4-ого раза просмотра видео, мне всё же удалось, самому написать функцию bind работающую.

Спасибо вам за видео

но в целом очень нравится, у Вас реально талант объяснять простым языком. Этого сейчас очень мало на ютубе, одно бла бла бла, я понимаю что русский язык позволяет заниматься разглагольствованием, но хочется максимум понятной информации за минимальное время, у Вас пока по тем видео которым я смотрел все так, т.е. можно джуниоров натаскивать по Вашим видео :) все всё поймут. Спасибо еще раз.

Спасибо. Именно у вас понял.

понял. Спасибо!

Контентище!

Супер!!!

Страшная тема для соло-обучения в онлайн-учебниках. В статье со скопом из "контекста", "лексического окружения" и "сборщика мусора" - можно впасть в депрессию. Напоминает мене, как меня в колледже учили "что такое транзистор" в течении целого года + курсовая по ним. Ну и тот самый страх, при мысли того, что тебе когда-то придётся его использовать. Так сильно заваливать информацией, когда это можно обьяснить так просто. Спасибо за ваш ролик. Какой же всё-таки талант - уметь обьяснять вещи просто.

я что-то не вкурил про аргументы. они ведь не передаются. откуда они появляются ? а с учетом первичного задания, все вообще сводится до fn.apply(context)()

Спасибо!

Спасибо большое за урок. Только есть вопрос про последнее действие. Понятно что метод apply() должен обязательно иметь два параметра, но что имеется ввиду под массивом ...args ? не понял зачем нужно передавать внутри второй функции ещё какие-то параметры, если функция bind требует только обьект для контекста (person) и саму функцию вывода (logPerson) информации в консоли ?

Блестящщще)

Кто-то пишет ,что сложно и не понятно😂 но по мне это самое крутое обьяснение замыкания которое я видел

Добрый день, подскажет пожалуйста, а вложеная фукция ведь может быть стрелочной? И если да то будет ли она работать так же как и с обычным декларированием? И нет ли каких-то подводных камней с использованием this в обоих случаях. Спасибо

Самое интересное в замыканиях то, что я как-то всегда боялся этого слова, казалось что это какой-то хитровыдуманный и сложный программистский концепт. А когда понял что это такое, оказалось я сам неоднократно использовал его в своем коде даже не подозревая, чисто на интуитивном уровне.

На мой взгляд стоило сделать немного иначе. function bind(fn) { return function(context) { fn.apply(context) } } const personData = bind(logPerson) Получили функцию, возвращающую данные любого человека.

четко объяснил, спс

Хотелось бы увидеть от тебя про прототипное наследование (prototype) и про функции конструкторы (new)

Владилен, спасибо. Я вот одно не пойму, зачем bind в методах классов, если метод вызван через this. Почему контекст может потеряться?

Спасибо за доходчивое объяснение замыканий. PS: интересно что когда я начал вбивать пример с bind в VSCode Copilot сразу подставил весь код с правильным ответом включая пример использования. Видимо где-то в открытом коде AI уже его запомнил )

Здравствуйте) Все очень круто и интересно, но я столкнулась с такой проблемой: на странице в браузере, в консоли выводятся только ошибки, а мой редактор (Brackets) ругается на rest, то есть правильный код просто не проигрывается, хотя js файл подключен правильно, проблема не в этом. Синтаксических ошибок тоже нет. Можете подсказать пожалуйста, в чем дело может быть?

спасибо за обьяснение. Но хотел бы узнать какой у тебя ноутбук? Так как хочу купить себе новый, потому что мой уже начинает гнать

а можно не сразу return делать а передать параметр проверить его и в зависимости от условия сделать либо такой либо иной return? грубо говоря взять if/else блок и возвращать функцию?

Спасибо! Наконец Я понял замыкание полностью 😂