Урок 3. JavaScript. Что такое замыкания. Как они работают (+ примеры)

Получить профессию Frontend разработчика -
bit.ly/3wwxsHf
Подробнее узнать об обучении в Result School -
bit.ly/3Ooe2IU
Бесплатный курс HTML & CSS - bit.ly/430vsTK
Сделать 5 проектов на JavaScript - bit.ly/3SXpbUn
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Урок 3. JavaScript. Что такое замыкания. Как они работают
В видео я расскажу, как работаю замыкания.
Вы увидите 2 примера того, как их применять в Javascript
В конце ролика будет небольшая практика на замыкания и контекст
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...

[@vadimtregubenko5749]

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

[@indigosay]

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

[@ignatmv.8654]

Кантор в новой редакции совсем не сахар.

[@ihorpopovskyi4862]

Там такая дичь. Так сложно написано(

[@indigosay]

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

[@ihorpopovskyi4862]

@@indigosay Ты не понял, я конкретно про эту тему, а в основном там гораздо проще чем на MDN, например)

[@user-rz1bn3gl7q]

@@ihorpopovskyi4862 на MDN сухая инфа чисто повторить то, что ты чуть-чуть позабыл,. имхо

[@user-ls3id2kz3o]

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

[@some_user1337]

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

[@prometheusmusic4559]

Вот +++

[@arseeq]

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

[@dizelvinable]

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

[@olegonkos]

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

[@dizelvinable]

@@olegonkos спасибо, чувак

[@itrisia]

@@olegonkos лучше поздно, чем никогда

[@materna432]

@@olegonkos Это только до тих пор пока не перезагрузить страницу. Ну или селектор вкинуть в фильтры addblock

[@materna432]

##.ytp-ce-element - да вот такой фильтр нужно добавить в addBliock и он сам зарежит эти рекомендации

[@antontuchkin9396]

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

[@user-vp1pu1pz6m]

там как раз и были наведены примеры из реальной жизни, например urlGenerator

[@ilgul9177]

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

[@VladilenMinin]

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

[@NVsquare]

Если уж и писать свой байнд, то и эплай тогда тоже надо было свой )

[@VladilenMinin]

@@NVsquare Без него никак)

[@andreyopanasenko8771]

Отличный урок! А можно же в возвращаемой функции не использовать Rest, а в apply() сразу передавать arguments?

[@VladilenMinin]

@@andreyopanasenko8771 Лучше Array.from(arguments)

[@gegrbydfcz]

Спасибо за урок! У меня не получилось передать дополнительные параметры в функцию bind, которые передаются массивом args. В console.log выводится undefined вместо передаваемого параметра. Получается примерно такой вывод "Person: Михаил, 22, Frontend, undefined" Можете ли подробнее объяснить как использовать доп параметры?

[@user-fw4ew8wf3b]

Исходные данные задачи в конце ролика: 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)

[@khoth1988]

Нечитабельная срань же.

[@Ghost15NG]

@@khoth1988 что тебе нечитабельно? условия задачи, которые достаточно скопировать и использовать для решения?

[@khoth1988]

@@Ghost15NG замыкания.

[@user-il9nt4hl8u]

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

[@CHEloveg22]

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

[@user-yx4ov2xx8s]

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

[@zerocool14pvo]

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

[@VladilenMinin]

Главное не сбавлять темп)

[@igordudin289]

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

[@grangeld]

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

[@ns-br9zw]

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

[@Aaaa-jn4bm]

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

[@crn05]

наверное чтобы не усложнять и так сложную тему.

[@denishaleckiy8303]

@@crn05 это центральный момент, на котором все работает... буквально, кроме этого ничего нет

[@tylerdurden9008]

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

[@lumeaceaiuluisrl6343]

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

[@kostasancez2358]

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

[@Andreikatm]

XMLHttpRequest (XHR), AJAX, REST и тд жду!!!

[@roman--s]

В моде FETCH , Socket.io. REST API да, нужная штука.

[@user-ox8ni9oz2p]

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

[@XenonGamesChannel]

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

[@user-pk2rw1li2q]

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

[@dmitriyshisterov8400]

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

[@user-lw3qt4zb6p]

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

[@vyacheslavvasilev1776]

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

[@alextopsite]

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

[@RewCSharp]

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

[@malina5639]

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

[@unknown.6914]

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

[@Leo-ke3hv]

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

[@KuKu_RuKu88]

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

[@user-yk9nj6co9d]

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

[@BrainOverflow-eof]

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

[@user-co3kd1ej7o]

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

[@user-be8yr8lh8z]

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

[@stanislavmalyshev5209]

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

[@_akunin3674]

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

[@bobmagrega]

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

[@alik64]

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

[@user-nw3nt9kq6m]

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

[@alekseygaikevich4195]

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

[@unheilbar]

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

[@VladilenMinin]

Благодарю)

[@user-bu4lx9ox9z]

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

[@user-eh1nj8el9l]

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

[@vazgenaleksanyan2929]

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

[@iznu3]

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

[@user-ku2sn1wz1c]

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

[@gelosx1]

Владилен, спасибо за классный контент - подача и материал, всё на очень высоком уровне. В некоторых комментариях здесь утверждается, что в видео идет речь о функциях высшего порядка а не о замыканиях. То что это функция высшего порядка, не отменяет тот факт , что здесь также присутствует замыкание: 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)() _________________________________________________________________________

[@Icmana]

------------- Базовая функция ------------ logPerson.bind (p1)( ) вывод: Person: M, 22 this: {name: 'M', age: '22'} age: "22" name: "M" [[Prototype]]: Object ------------- Ваш пример ------------ logPerson.myBind2 (p1)( ) вывод: Person: M, 22 this: {name: 'M', age: '22', boundFunc: ƒ} age: "22" boundFunc: ƒ logPerson() name: "M" [[Prototype]]: Object ------------- Мой вариант я без аргументов делал, но добавить их не сложно ------------ bind (p1, logPerson)( ) вывод: Person: M, 22 this: {f: ƒ} f: ƒ logPerson() [[Prototype]]: Object age: "22" name: "M" [[Prototype]]: Object Реализация, тоже думал что apply и call пользовать не положено function bind(obj, func) { const nobj = {f: func}; Object.setPrototypeOf(nobj, obj); return (function() {nobj.f()}); } А вот так легко call можно сделать function bind(obj, func) { const nObj = {f: func}; Object.setPrototypeOf(nObj, obj); nObj.f(); }

[@romasbitinas643]

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

[@alexispell4251]

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

[@hasst9261]

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

[@VladilenMinin]

Благодарю за отзыв) Ознакомься с другими роликами на канале

[@hasst9261]

@@VladilenMinin Я знаком, спасибо и буду знакомиться дальше). Удачи в делах!

[@anastasijavvo]

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

[@user-ts4pq8mh7u]

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

[@user-zp8xz5fu2j]

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

[@user-zp8xz5fu2j]

@@ne4to777 Почему ты так уверен?)

[@user-zp8xz5fu2j]

@@ne4to777 Ну не в развернутой форме, очевидно (формат не подразумевает) Но все же, базовое понимание видео дало

[@user-nw3nt9kq6m]

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

[@VladimirDevyatoff]

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

[@VladimirDevyatoff]

@@ne4to777 это когда функция получила внешнюю переменную и забыла про внешнюю)

[@VladimirDevyatoff]

@@ne4to777 ага. работает с ней как с копией)

[@alira2924]

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

[@sekirogenshiro2210]

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

[@Woody_Johnson]

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

[@lemmesolo]

там даже return не нужен

[@cleardoc7554]

тогда ведь теряется смысл, который заложен в оригинальный bind: сначала указывается контекст, затем вызывается. Собственно, замыкание в этом случае и служит как раз для "отложенного" вызова.

[@renat_mg6881]

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

[@olesilin3011]

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

[@yury497]

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

[@genykm]

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

[@andTutin]

а что там поменялось ?

[@GoPro-ts5sh]

@@andTutin var задизили, стрессует

[@epic3386]

а об этом ты узнаешь если купишь курс! и там тебе дадут новое видео где раскроют твой вопрос, но не скажут ещё о чем-нибудь, об этом тебе расскажут уже в следующих купленных видео )) и так до тех пор пока ты не поумнеешь и не начнёшь читать книги по js'у))

[@genykm]

@@epic3386 уже работаю в Оракле, так-что не актуально )

[@epic3386]

Мои искренние поздравления )) видимо начал читать книжки?))

[@razumizm]

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

[@user-dl2lm7ju2y]

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

[@pitbrest]

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

[@user857ho8t]

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

[@DrZlad]

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

[@user-vd9yw5ez3e]

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

[@VladilenMinin]

Благодарю)

[@wawawf]

годнота!

[@paveltk3092]

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

[@zxspectrum3352]

Нет не все ибо замыкается область видимости родительской ф-ции, в этом и весь смысл, а не просто "функция в функции" и дочерняя ф-ция сохраняет доступ к этой видимости (переменным родительской ф-ции).

[@bukanaka]

@@zxspectrum3352 Именно так. А утверждение замыкание это вызов функции в функции не верно

[@trippertripperovich6062]

Спасибо!

[@Abdul-hy4cy]

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

[@VladilenMinin]

На канале есть подробный ролик про его создание)

[@avakarchuk]

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

[@zeNoldor]

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

[@BraentR]

Спасибо

[@vladvdovychenko6506]

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

[@juriskrumgolds5810]

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

[@crn05]

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

[@valerian6943]

толково объяснил

[@Max-kr4ie]

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

[@romko-romario]

Очередное видео на данном канале, которое было для меня невероятно полезным :) Плейлист "Сложный 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 должна быть каррируемой, тоесть должна уметь принимать аргументы как в первых скобках, так и во вторых. Посмотрите видео, которое автор рекомендует в комментарии к данному комментарию, там он всё объясняет идеально понятно.

[@VladilenMinin]

Глянь на канале подробный разбор bind 4 способа

[@GothBoxBoy]

Думаю что код написан правильно т.к. дело не в принимаемых аргументах, нет. Стрелочные ф-ции как и каррируемые могут создавать замыкание, они все же имеют доступ к содержимому родителя (по научному "лексическому окружению родителя"). Замыкание и каррирование - это разные вещи. Карррируемые ф-ции в отличии от стрелочных преобразуют ф-ции с множеством аргументов в последовательность ф-ций с одним аргументом. И спасибо за коммент, узнал что есть каррируемые ф-ции)👍

[@IhorVyshniakov]

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

[@YourBrain-vc3bh]

тоже не поняла зачем args нужен

[@mukhammadrustambayev2051]

далее: callback, promise, async/await.

[@user-vs6bg3xn5s]

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

[@VladilenMinin]

Благодарю за такой отзыв, мне очень приятно)

[@dadya_feodor]

Сделал 2 раза, один раз не понял в чем прикол и сделал через bind. Потом посмотрел как ты решил, понял, что смысл был в том, чтобы не использовать bind. На сл. день сел, написал function bind (context, fn) { return fn.apply(context) } оно работает, и я не понял зачем ещё какие-то аргументы передавать... В общем, было прикольно подумать, но задачка должна быть явно какой-то другой)

[@user-nl6uj2dt2o]

Привет, отлично!

[@QaZaQ_Stranger]

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

[@littlepony7160]

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

[@user-vu9pp3bm8f]

Супер!!!

[@user-rr2nw7if7u]

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

[@kleim]

Кастомный bind без использования apply/call: function bind(context, f){ const obj = {...context, f} obj.f() }

[@ugolblab6940]

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

[@roman.kamlykov]

function bind(obj, func) { const context = { ...obj, func } // closure return function() { context.func(); } // returning a function }

[@vegtalk8920]

Единственно верный вариант ответа. Ибо call и apply это по сути тот же bind.

[@aggressivenvironment]

спасибо !

[@sasharudenko5446]

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

[@user-ql4xu5qu2u]

Там не аргументы появились, а поля объекта из контекста. Я так понял параметры функция принимает, потому что спроектирована с запасом на разные ситуации.

[@tentacle8148]

Они появляются от rest params

[@LIVESPORTPLUS]

По последней задачки думаю нужен апдейт: Функция bind в вашем примере создает "обертку" вокруг функции fn, которая при вызове устанавливает this в переданный контекст context. Это позволяет вам вызывать функцию fn так, как если бы она была методом объекта context. Давайте разберемся, как это работает, шаг за шагом: 1. bind принимает два аргумента: context и fn. 2. bind возвращает новую функцию, которая при вызове будет применять функцию fn к контексту context. 3. Когда возвращенная функция вызывается, она использует ...args для сбора всех переданных аргументов в массив args. 4. fn.apply(context, [args]) вызывается внутри этой функции. Метод apply используется для вызова функции fn с конкретным значением this (в данном случае context) и массивом аргументов args. В вашем конкретном случае использование ...args и [args] вокруг args не имеет смысла, поскольку logPerson не принимает никаких аргументов, и использование apply с массивом аргументов в этом случае избыточно. Это может быть полезно, если бы функция logPerson принимала дополнительные параметры. Тем не менее, чтобы функция bind работала корректно с функцией logPerson, которая не принимает аргументы, вам нужно вызвать fn.apply(context) без второго параметра или использовать пустой массив для аргументов: function bind(context, fn){ return function(){ // здесь args не нужны, так как logPerson их не принимает return fn.apply(context); // вызываем fn с контекстом context и без аргументов } } bind(person1, logPerson)(); // Person: Misha, 22, Frontend bind(person2, logPerson)(); // Person: Lena, 18, SMM Использование ...args и [args] имело бы смысл, если бы вы хотели, чтобы функция bind могла принимать и передавать любое количество аргументов в функцию fn, но в вашем текущем примере это не требуется.

[@aleksgavrilov5275]

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

[@VladilenMinin]

На канале есть подробный ролик про bind

[@viktorpoliushko2015]

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

[@VladilenMinin]

Привет с Шри-Ланки)

[@myroadmalankajosef9192]

та ну нахуй тебе занесло!))) а що там на Шрі Ланці??? Країна третього світу!!! Я б зрозумів, аби ти із Ліхтенштейну привіт передавав, або із Швейцарії)@@VladilenMinin