True JS 24. Callback функции

[@Angelina_8833]

Гениально! Функция передана в качестве аргумента другой функции. Это самое простое объяснение, которое мне когда либо попадалось. Спасибо, до сих пор актуальная информация :)

[@ДенисСероштан-й6т]

Александр, спасибо! Самое доходчивое и понятное объяснение про callback. Хотелось бы увидеть урок про promise, ну и async/await по возможности

[@angelikakhodzhaian7843]

Неужели спустя невероятное количество часов крови, пота и попыток понять callback-и --- это удалось! Спасибо за урок! ⇧

[@itgid]

рад что помог!!!

[@span4ev]

Спасибо. Самые лучшие уроки. Ждём замыкания, прототипы и promise. Все эти страшные слова) а вы так понятно и просто объясняете, с живыми примерами, что любой поймёт) Как говорится, если учёный не смог что-то обьяснить ребёнку - он не учёный. Только здесь в контексте джаваскрипт

[@span4ev]

Только не понял, почему в дальнейшем функция y() переставала выдывать ошибку?

[@ДмитрийНормов-ю6ц]

@@span4ev , теперь понял? Потому что мы передавали вместе нее то, что надо - 2-ю функцию.

[@maxkrutov39]

Просто нет слов, это самый лучший специалист по js и самый лучший преподаватель!!!!!

[@itgid]

Спасибо за комментарий!

[@itgid]

спасибо!

[@JackSteamBoy]

Как бы хотелось чтобы у меня препод в колледже был такой как вы, хоть я и закончил учебу 8 лет назад. Вы без капли преувеличения лучший!

[@ВладМухортов-э1з]

Очень понятно и доступно,много информации за короткий промежуток времени,большое спасибо!!

[@itgid]

Спасибо за комментарий!

[@TarasOstapiuk]

Алекс, уроков по JS в нете валом, но именно только тьі обясняеш правильно и понятно.

[@shakhzod235]

Спасибо, понял функцию колбэк посмотрев ваш ролик

[@asylzhanb2325]

Где же Вы были раньше... Лучшее объяснения которую когда-либо слышал, благодарю Вас!!

[@Bazilio3791]

Вчера сидел смотрел на callback как баран на новые ворота. Спасибо!

[@konstantinkkk8397]

очень доходчиво! Снимите видео про замыкания, может хоть благодаря Вам смогу понять как они работают! За данное видео большое спасибо!

[@itgid]

Спасибо. А про замыкания я уже говорил частично. Посмотрите предыдущие видео.

[@serdotsenko]

ничего писать не планировал, но когда досмотрел до конца, решил, что всётаки напишу ) спасибо я всё понял, продолжай ) лайк, подписка!

[@itgid]

Спасибо!

[@MrReflection540]

Вы прирожденный учитель- умеете доходчиво подать информацию. *Друзья, пишите побольше комментариев, чтобы продвинуть видео. Чем быстрее поднимем канал, тем больше будет роликов*

[@itgid]

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

[@ЛёхаХанин]

Один из принципов функционального прогарммирования прировнять к колбэк функциям - это гениально.

[@oleksiykurylyuk4696]

Первая функция всеравно отработала первой, (в ней 1 миллиард итераций) вторая дожидалась очереди. Время: 1.35 function aaaa() { let qq = 0; while (qq < 1000000000) { qq += 1; } console.log(qq); } function bbbb(){ console.log(2); } aaaa(); bbbb();

[@Shanluu]

В начале не совсем понял про "порядок исполнения кода". Но всё же быстро изложу, как это на самом деле, для тех кто не понял, что имелось ввиду. Когда скрипт вызывает функцию - он добавляет её в call stack. Также туда попадают все фукнции, которые находятся внутри уже попавшей функции. Когда они отрабатывают - они убираются из call stack. Но есть такие вещи как : setTimeout, Ajax запросы и т.д - это уже функции WebAPI браузера , который помогает JS с работой. Функции внутри WebAPI после отработки попадают не в call stack, а в callback queue. Откуда они уже попадают в call stack через event loop, только после того, как call stack будет пуст.

[@TabookiGoo]

Материал, речь - все огонь, спасибо большое )

[@Tipuchek]

Ничего не буду писать. Хотя напишу) лучшая подача инфо. Спасибо)

[@itgid]

спасибо!

[@victortee5269]

Очень понятно обьясняете. С шагами влево и вправо) спасибо!

[@MrColins710]

Пояснення супер, чітко і конкретно, дякую

[@maria-kuznetsova-s]

Спасибо большое за объяснение, вроде пишу на js, давно использую calback-функции, но сегодня задалась вопросом, а точно ли я знаю это определение, понимаю ли я, что именно входит в понятие calback-функций. Именно такие возвращения к истокам и понимание на очень простом уровне помогают более гибко и свободно использовать необходимые инструменты. Успехов и процветания вашему каналу)!!!

[@itgid]

Спасибо! Очень приятно!

[@dimageorgiev5798]

Четко и по существу без водички !

[@viktorys7360]

Наконец-то простое и разжованое объяснение про callback. Спасибо))

[@farkhadkarim1216]

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

[@17u5h]

очень хорошее объяснение. спасибо

[@macabrius9111]

Большое спасибо за разъяснения. Лайк, подписка, всё как заведено))

[@timoxin]

Очень подробно и понятно. СПАСИБО!

[@itgid]

Спасибо!

[@hondovod250285]

9:15, люди, подскажите, а что если заместо функции "обертки" аргументы 5 и 7 написать сразу в y(), которая в конце функции first??? Это работает. Но правильно ли будет такая запись??

[@user-bu3hzj734e4r]

Офигеть какое хорошее объяснение и примеры. Спасибо! Уже подписываюсь

[@RoadToDreamFilm]

Большое спасибо, за подробное объяснение!)

[@ohnocringe5604]

спасибо, объяснили понятно, только я не понял зачем нужен игрик??

[@МуратОрозобаев]

А почему не соблюдает порядок выполнения функций. Это относится только к асих функци. То есть setTimeout, ajax или promise

[@itgid]

господи, раз оговорился, теперь хоть видео удаляй.

[@iliyabrook2933]

Огромное спасибо! не хватало качественного разеснения о колбэках

[@yakut54]

Спасибо, дядька! как всегда кратко, понятно и здорово! От души!

[@svitlana6420]

Супер, у вас дар учителя!

[@okujava3678]

Доброго времени суток. А Вы можете объяснить каким образом значения параметров попадают в переменные n1 и n2. То есть можно как бы передавать параметры наверх function start(callback) { return callback(3, 5); } let result = start(function(num1, num2){ console.log(` Это параметры из колбэка: ${num1} ${num2}`); return num1 + num2; }) console.log(`Результат: ${result}`);

[@АнтонВладыченко-с4д]

классно обьясняете! становится все понятно!

[@YashaVlazhniu]

05:08 а если консоль вывести через таймаут, все равно вторая функция первее ведь выполнится?

[@nugamsk]

Очень понятное объяснение! Спасибо

[@PavelPogosov]

Огромное спасибо за ваш урок!!!

[@Epenckorn]

Не совсем понятно про анонимную функцию. Почему с вызовом second() не работает, а с объявлением анонимки работает? Ведь что одна, что другая, ничего не возвращают.

[@maximpodhorny2864]

я приятно удивлен! Лайк, подписка!

[@blackch1p]

Отличные видео. Для донатов так же следует завести ЯД кошель:)

[@troubleshooters-6744]

Интересно с первого ли раза записали, слишком превосходное объяснение!) Хотелось бы порекомендовать при записи и сравнении кода, Вы бы могли разделить экран VS CODE для более наглядного сравнения, имхо)

[@pandaskeptic2937]

Очень хорошо объясняете. Всё понял. ❤️👍🔥

[@ultexplorer]

Здравствуйте. А почему в таком варианте не работает(результат undefined)? Код: function first(y){ y(); }; function second(a, b){ return a*b; }; console.log(first(function(){ second(100, 3); }));

[@weynemeynen]

как только first() будет чуть сложней, в начале выполниться second() !? js не обеспечивает порядок выполнения записанный в коде?! Что-за пурга?!

[@veavob2534]

А можно просто там, где вызывается функция y() в first, на 9:39 минуте, просто в у записать параметры, я так сделал и у меня всё отработало без ошибок

[@valentinpetrenko6611]

Все доходчиво и понятно. Спасибо

[@danya9235]

9:37 Как получается, что анонимная функция связана с second() ?!

[@ДмитрийЧулков-ь1ч]

Danya автор просто привёл пример, что внутри обертки может быть функция без имени

[@yarik83men51]

Просто + понятно + гениально ... Спасибо

[@kawaikaino5277]

Запишите пожалуйста урок о вложенных функциях, как и что они возвращают через Return и как делятся аргументами

[@itgid]

Если бы вы описали пример - смог бы записать.

[@NarkotikAsd]

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

[@stasmaksimov9531]

Круто! Спасибо 👍

[@itgid]

Спасибо что оставляете комментарии!!!

[@goedekoop501]

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

[@parvaqa1398]

Здравствуйте! Спасибо за хорошие уроки! Но я всё никак не могу понять, в какой момент запись `y( )` внутри первой функции стала означать исполнить функцию `second`? Это происходит только потому что в качестве аргумента первой функции используется `y`? Т.е. если мы указали некий аргумент внутри круглых скобок первой функции, а потом его же вызываем в виде функции внутри фигурных скобок первой функции, то потом ниже, когда мы уже вызываем саму родительскую (высшего порядка) функцию, нам надо передать в качестве аргументов некую дургую функцию и НЕВАЖНО, что она тоже безымянная. Важно, что в её теле есть конкретная именная функция, которую браузер найдёт в коде и исполнит с заданными аргументами. ... Пока писал, сам понял, похоже.

[@itgid]

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

[@nicothin]

В самом начале ролика (2:00) есть очень странное утверждение, выглядящее ложным. Далее посыл ролика строится преимущественно на этом утверждении.

[@ДмитрийНормов-ю6ц]

Да, тоже заметил чет не то)

[@ПавелКапелюховский]

А почему вы пишите в функции first "у();" это то же самое, что и return(y) или console log (y) ?

[@sergeyplotnikov5031]

Большое спасибо за объяснение!!

[@fonzadof]

Великолепно!

[@erjan816]

7:52 "консль лох 1"? Или мне только так послышалось

[@yaroslavzef7267]

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

[@paljm345]

А почему не показали еще один способ передачи аргументов, типа такого: function first(y) { console.log(1); y(2, 4); } function second(a, b) { console.log(a + b); } first(second); Все так же работает. Мы же не просто так передаем колбек, да еще и с аргументами.

[@denystry]

а если будет function first(a,b,y){ return y(a,b); } function second(a,b){ return a+b; } first(2,3,second); Это тоже коллбек?

[@GamerGuyMen]

Da

[@victordegtyarov9634]

годно рассказал,спасибо!

[@erragon4174]

Здравствуйте такой момент у меня first довольно долгая по выпонению функция, а second легкая и быстрая но все равно в консоле сначала выводиться first а потом second (не асинхронно) вот пример кода: let a = 0; function first() { for (var i = 0; i < 500000000; i++) { a=a+i; } console.log(a); } function second(a,b) { console.log(a*b); } first(); second();

[@oleksiykurylyuk4696]

8.00. В 'y' ляжет, то что возвращает отработанная ф-ция Секонд?. Да, так и есть, проверил. В Вашем примере в 'y' записалось андефейнед. "use strict" function first(q){ console.log('first is done'); console.log(q); } let second = (a,b) => { console.log('second is done') return a*b}; first(second(3,5)) вывод в консоли: - second is done //первая отработала функция second(3,5), которую поместили аргументом в ф-цию first, после свой роботы и вывода в консоль, передала свой ретерн к вачестве аргумента ф-ции first - first is done //отработал первый консоль, ф-ции first - 15 // отработал второй консоль, ф-ции first, q - равно ретерну функции second

[@FunnyLive]

Windows. setimout эта функция web API , дак вот по логике получается следующее. Когда вызывается функция сет таймаут то она помещает вызовов функций console.log в web API далее по истечению времени она возвращается в callback queue после чего в call stack. И функция first была вызвана первой потом settimout потом second потом console.log(2) и наконец только console.log(1) ибо она вернулась в стек из callback queue. И все это крутит event loop .Далее смотреть не стал.

[@manasbekeshenkulov7389]

Все четко и понятно !!!

[@ВикторКулагин-ь2у]

Полезно!

[@Публичныйканал-с3м]

У вас отличные уроки. А где есть урок по анонимные функции?

[@umjetnost4317]

задержка в 200 мс не работает :( function one(y){ console.log("hello once"); y(); } function two(){ console.log("hello twonce"); } setTimeout (one(function(){ two(); }), 200);

[@englishtogether6506]

а можно написать y(4,7) ?

[@yarik83men51]

Идеально. Спасибо.

[@dmytrolambru2984]

Красава как обычно, все четко по делу! ))

[@Tipok_15]

ПОНЯТНО И ПРОСТО!!!!!!

[@RenatGF]

kzbin.info/www/bejne/faHZqGCim7uGrckm7s - Понятно, что ты хотел показать примером. Но тут пример не совсем корректный. Даже если в setTimeout указать 0ms, а функция second будет выполняться 500ms. То все равно выполнится сначала функция second, а потом только first. Потому что все то, что обернуто в setTimeout, будет выполняться в последнюю очередь

[@indigosay]

нашли решение для этого вопроса? Чтобы second потом выполнялась

[@MiqayelPetrosyan]

можно и так first(()=>second(5,7))

[@acebradok]

а почему бы не сделать вот так: function first(callback){ alert('f1') callback(4,7) } function second(a,b){ alert(a*b) } first(second) Здесь нам и не придётся делать анонимные функции и все выводится в порядке

[@Bugsy0987987]

Кстати да, я сделал так же, работает

[@hooligan5643]

🔥🔥🔥🔥

[@MrVertu01]

Спасибо)

[@marharytahlinskaya1165]

А как насчет такого вызова: function first(y){ console.log(3); y(3,6); } function sec(a,b){ console.log(a+b); } first(sec); ? Работает ведь, как и с анонимной.

[@pavelsokolov4190]

Вы передаёте параметры при определении функции, а не при вызове. Работать будет, но смысла в этом нет.

[@Виталий-е9д5е]

все равно не понял... почему first(second(4, 7)); - так секонд сработает в первую очередь, а если first(function() {console.log(100)}); - так во вторую... В первом случае функция вызывается и отрабатывается сразу... А во втором почему не так?

[@Виталий-е9д5е]

Я гений блин... доперло...

[@ДмитрийНормов-ю6ц]

@@Виталий-е9д5е а ну расскажи?

[@petrvictorovich]

"Способ борьбы с асинхронностью"!? А зачем с ней бороться? Это не проблема - а возможность.

[@prsion1925]

красавчик !! лайк подписка!!!

[@Retruntobase]

Самый первый человек, объяснение программы, которого я смог воспринять на русском языке)

[@Pain-kt6mm]

Так что такое callback

[@TheTexPro]

Спасибо большое!

[@ДмитрийАлексеевич-л2д]

Донатим с миру по копеечке, чтоб было еще больше уроков

[@digitalturkistan1857]

согласен

[@digitalturkistan1857]

я бы миллионы кидал увы ...

[@sens4381]

А можно сделать просто, вот так? const f1 = (y) =>{ console.log(3); y(3,4); //Вот так объявить параметры? } const f2 = (a,b) => { console.log(a + b); } f1(f2)

[@olena_andriienko]

лайк, если пришел посмотреть видео после статьи на hexlet )))

[@EdritKolotit]

9 месяцев прошло. 0 лайков.

[@maxb3254]

Первые три минуты меня привели в замешательство, если честно. Глаза мои выпучились. Мир никогда не станет прежним, если это действительно правда. А нет. Мир не изменился :)

[@konstantinkkk8397]

учил callback functions на английском ресурсе, и не могу понять как оно определяет чему равно el, ведь мы его нигде не задавали? var years = [1990, 1965, 1937]; function arrayCalc(arr, fn) { var arrRes = []; for (var i = 0; i < arr.length; i++) { arrRes.push(fn(arr[i])); } return arrRes; } function calculateAge(el) { return 2017 - el; } var ages = arrayCalc(years, calculateAge);

[@SlonoKing]

В параметр el передается год рождения

[@dmitrijponkin]

Спасибо!

[@dali1ize]

Круто Спасибо

[@EugeneMilto]

Спасибо.

[@SunLightDH]

Да, все хорошо, но есть не важное замечание: функция принимает не параметр, а аргумент, (будь-то функция или ещё что), а внутри, в теле функции, параметр, то что принимает этот аргумент из скобок

[@cshost2144]

Так всетаки как нужно по очереди выполнять функции если не калбек

[@itgid]

не понял?

[@singlebw4065]

/*Предполагаю что можно построить дерево из функций. ХЗ зачем, но мне кажется что все тыкают языки просто ради того, сможет ли язык сделать какую то херню, но потом не знает что с этим делать. */ function a( a ){console.log( 1) ;} function b( b ){console.log( 2 );} function c( c ){console.log( 3 );} function d( d ){console.log( 4 );} function e( e ){console.log( 5 );} function f( f ){console.log( 6 );} f( e( d( c( b( a() ) ) ) ) ); // короче обратный callback какой-то Вот ещё Всё читается справа налево. Сначала все функции смотрят что есть в аргументе, если там функция да ещё и вызвана, то выполнится она раньше чем вызывающая функция. Если закинуть функцию в конец всех аргументов, то можно и не указывать аргумент в прототипе вызывающей функции. Это тот вариант когда нужно вызвать функцию при этом другая функция тоже должна отработать function myFunc1( aa, bb ) { console.log( aa + bb ) ; }//NaN если ни чё не передать, но функция отработала 1й как и полагалось function myFunc2( a, b ) { console.log( a+b ); } myFunc2( 22, 38, myFunc1() ); Чё с передачей аргументов function myFunc3( myFunc_4 ) { console.log(11); myFunc_4( "Первый", " способ" ); }//заранее передать аргументы function myFunc4( a, b ) { console.log( a + b ); } myFunc3(myFunc4); ну или как показано в видео myFunc3( function ( ){ // ну как мы уже знаем. вызванная функция в аргументе срабатывает сразу, myFunc4("Второй"," способ"); } ); //положили в ячейку новые значения для этой функции

[@maxgloba_dev]

let request = (value, callback) => callback(value + 10); request(10, result => console.log(result));