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

@prometheusmusic4559

4 жыл бұрын

Вот +++

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

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

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

@NVsquare

5 жыл бұрын

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

@VladilenMinin

5 жыл бұрын

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

@andreyopanasenko8771

5 жыл бұрын

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

@VladilenMinin

5 жыл бұрын

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

@gegrbydfcz

5 жыл бұрын

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

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

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

@VladilenMinin

5 жыл бұрын

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

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

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

@user-vp1pu1pz6m

8 ай бұрын

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

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

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

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

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

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

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

@ignatmv.8654

4 жыл бұрын

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

@ob1chyk

4 жыл бұрын

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

@indigosay

4 жыл бұрын

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

@ob1chyk

4 жыл бұрын

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

@user-rz1bn3gl7q

4 жыл бұрын

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

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

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

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

@VladilenMinin

4 жыл бұрын

Благодарю)

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

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

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

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

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

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

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

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

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

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

2 жыл бұрын

------------- Базовая функция ------------ 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(); }

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

3 жыл бұрын

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

@user-zp8xz5fu2j

3 жыл бұрын

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

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

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

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

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

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

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

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

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

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

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

@VladilenMinin

4 жыл бұрын

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

@hasst9261

4 жыл бұрын

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

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

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

@Andreikatm

4 жыл бұрын

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

@roman--s

4 жыл бұрын

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

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

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

@crn05

Жыл бұрын

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

@denishaleckiy8303

Жыл бұрын

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

@user-ni4oh6rs3e

29 күн бұрын

@@crn05 усложнять? Тебе в видосе показали примеры не объяснив как работает. При этом объяснение темы заняло бы 5 минут и уже не нужны бы были эти подливные примеры из любой статьи на 11 минут. На собесе если спросят то спросят именно в контексте окружения и т.д, а не на примеры "функции внутри функции" смотреть будут

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

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

@VladilenMinin

5 жыл бұрын

Благодарю)

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

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

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

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

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

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

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

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

@VladimirDevyatoff

3 жыл бұрын

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

@VladimirDevyatoff

3 жыл бұрын

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

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

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

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

@VladilenMinin

2 жыл бұрын

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

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

@zxspectrum3352

4 жыл бұрын

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

@bukanaka

2 жыл бұрын

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

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

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

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

@iamboikodmytro

Ай бұрын

Да там ...args вообще по сути не нужен...

@AlexVaronin

15 күн бұрын

Должно было быть так: function logPerson() { console.log(`Person: ${this.name}, ${this.age}, ${this.job}`); } function bind(context) { return (fn) => fn.apply(context); } const person1 = { name: "Михаил", age: 22, job: "Frontend" }; const person2 = { name: "Елена", age: 19, job: "SMM" }; bind(person1)(logPerson); bind(person2)(logPerson);

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

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

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

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

@olegonkos

3 жыл бұрын

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

@dizelvinable

3 жыл бұрын

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

@itrisia

3 жыл бұрын

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

@materna432

3 жыл бұрын

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

@materna432

3 жыл бұрын

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

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

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

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

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

годнота!

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

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

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

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

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

Вот вам детки задачка по математике из 1 класса школьной программы. Поняли? Отлично! Вот пример из 2 класса школьной программы. А вот из 3 класса. Усвоили? Замечательно, молодцы!! А теперь поставьте видео на паузу и самостоятельно решите задачку которую дают на олимпиадах по математике для 11 класса)))))) Не можете? Сейчас вместе разберём... И на самом интересном месте вылетает реклама закрывающая треть экрана))))))))))) Владлен, моё к вам уважение! Ваши уроки хороши, но понять их порой крайне не просто.

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

@YourBrain-vc3bh

9 ай бұрын

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

Супер!!!

По последней задачки думаю нужен апдейт: Функция 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, но в вашем текущем примере это не требуется.

Блестящщще)

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

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

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

3 жыл бұрын

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

@GothBoxBoy

7 ай бұрын

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

Контентище!

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

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

Спасибо!

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

@VladilenMinin

4 жыл бұрын

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

@myroadmalankajosef9192

11 ай бұрын

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

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

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

@VladilenMinin

5 жыл бұрын

Благодарю за отзыв Дело не в языке, а в понимании и умении Те, кто льют воду сами плохо разбираются

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

@VladilenMinin

4 жыл бұрын

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

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

@crn05

Жыл бұрын

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

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

@Max-kr4ie

5 жыл бұрын

Опыт да. Владлен норм так начал рассказывать. И по делу и голос приятен.

@harrypolygon

4 жыл бұрын

Хз по моему платные курсы у него тоже отличные

Спасибо

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

Не уверен, что этимология верна, но подача удобная.

Super vidos)))

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

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

Лайк!

Честно сказать я еще как (trainee), запутался из-за того что функция называется bind, и подумал что ты создаешь новую функцию для метода .bind и вызвав метод можно получится эту функцию, ну примерно как prototype, и только спустя час и долгих раздумий, я понял что это проссссто название функции где там так и было написано «свою функцию bind» Лучше Имена не называть именами методов свойст и так далее для страховки