Просто о promise в JavaScript

Курс JS: js.itgid.info
Курс вестки: html.itgid.info
Скачать код: star.itgid.info
Интернет магазин на Node: node.itgid.info
Плейлист: goo.gl/63osiv
Телеграм: t.me/jsrules
Мои курсы: itgid.info

[@elizavetaleskova8584]

«После прочтения впал в депрессию, поскольку посчитал себя тупым» Да это же я

[@Данило-р9у]

и так каждый раз когда что то читаешь по програмачу...

[@Давид-п8и]

Много видео пересмотрел на тему промисов, и могу с уверенностью сказать, что вы понятнее всех объяснили эту тему. Однозначно лайк!!!👍👍👍

[@itgid]

Спасибо!

[@pandaskeptic2937]

Это то что я хотел написать. Прям слово в слово. 👍👍👍

[@alexschwarz5250]

Аналогично. Спасибо автору

[@yoursleepandrelaxation6948]

Я тоже много видео посмотрел и везде такой комментарий

[@sia4281]

@@itgid было бы здорово если бы вы в описании указали верный код, сейчас же просто глобальную переменную переопределили, а не обработали результат. Если, например, заменить присваивание на сложение, то работать не будет. let a = 7 let b = new Promise((resolve, reject)=>{ setTimeout(()=>{ resolve(a+99) }, 2000) }) b.then(function(a) { console.log(a); })

[@AdnS008]

Как же идеально человек объясняет, я все понял с первого раза, до этого смотрел другие видео, так же читал MDN - ни черта не понял, а здесь за 12 минут понял, спасибо Вам.

[@СергейКовалев-в4ь]

Если мне что-то не понятно, я всегда иду к вам на канал. Вы очень хорошо объясняете!

[@DavitAve]

Уже долгое время смотрю ваши уроки, вы понятнее всех обесняете!)

[@shamiltat79]

Дякую Олександре, дуже просто, зрозуміло і без зайвої складної термінології пояснили сутність промісів. Це найкраще пояснення, яке вдалось знайти 👍👍👍

[@B_G_V]

Отличное видео, уважение автору. Единственное видео, где всё понятно объяснили. В других видео, которые я смотрел по этой теме, тупо показывают синтаксис, но не объясняют, что и для чего делается. У вас всё просто и понятно👍👍👍

[@jinke5935]

Памятник вам, Александр, на все времена! Документация действительно о промисах - сплошной дремучий лес. Но благодаря вашему видео всё стало яснее ясного. Спасибо вам!

[@AlterMeister]

Один из лучших каналов по js на Ютубе!

[@АнтонБойко-в3ж]

Спасибо! Очень доступно объясняете! Давайте про async/await ещё

[@TheDeathoxy]

Как раз хотел разобраться с промисами. А тут видео) Спасибо)

[@itgid]

ну это первое из видео, дальше будет с примерами!

[@TV-yj6mz]

Ура! Разобрался)) доходчиво и понятно, а главное просто обьяснили! спасибо!

[@JuliaDark]

Это самое понятное описание промисов! Понял даже гуманитарий :)

[@vladislava_sim]

спасибо, наконец-то понятное объяснение среди кучи других видео на эту тему

[@dv4able]

Спасибо, вы замечательный преподаватель

[@МаксимПодлинный]

Дзякуй за тлумачэнні. Сапраўды зразумела. Ёсць невялічкая парада - калі запісваеце новыя відэа не кажыце ў іх пра "заўтра будзе наступная тэма", альбо "праз тыдзень...". Гэтыя фразы актуальныя толькі невялікі час. А гэтае відэа будуць глядзець і праз гады.

[@andreyzinovjev3920]

что за язык чувак??

[@sergeygetman1973]

я так говорить могу, когда с кумом литру на двоих выпью )

[@AlexiyPok]

@@andreyzinovjev3920 Белорусский.

[@eurorock5912]

Алекс - огромное спасибо за важную тему!) А то да, их сходу сложно понять.

[@itgid]

Спасибо!

[@goddeaf]

неужели прислушался, спасибо большое за это(и) видео ))) ты лучший!

[@bohdan.petrov]

Прочёл тему на learn.javascript и ничерта не понял + там примеры с обработчиками событий, которые ранее не рассматривались. Ваше видео обяснило просто и доступно. Спасибо за ваш труд!

[@itgid]

Bohdan Petrov спасибо!

[@TheVakin213]

В целом всё верно. Но я позволю себе докопаться. Вы передали в резолв значение, но в then в колбеке его не обработали, а взяли "a" из глобальной области. В таком случае, можно было просто вызвать резолв в промисе без передачи в него каких-либо значений.

[@ВикторЩербаков-ь4б]

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

[@turalperfectworld1065]

Ждал этого. Спасибо!

[@itgid]

супер!

[@excel-vba-learn]

поддерживаю, очень доступно, нифига не понимал как это работает до просмотра вашего видео, респект твердый!

[@hdiawhddhjdkfks]

Спасибо большое за обьяснение, стало понятно, что такое promise и зачем он нужен :)

[@Ddddddddyu]

Посмотрел до этого урок по промисам, не понял. Посмотрел ваш видео урок, и очень даже понял. Спасибо

[@ОлегПетров-п4у]

Алекс, спасибо! Очень доступно объясняете!

[@immasha8187]

я благодарен вам я уже много роликов смотрел про промисы но не понимал что это как это почему это вы очень хорошо объяснили промисы даже я сам удивился что сразу всё понял

[@Atikan37]

Спасибо вам большое, очень понятно! Всё просто и доступно!

[@michael3513]

Здравствуйте, спасибо за толковое объяснение. Видео называется часть 1, а следующих частей на канале не нашел...

[@RuslanNumber1]

Посмотрел видео от Минина, потом у Александра и дошло только после просмотра данного ролика, хоть против Владилена ничего не имею и он тоже хорош, но до меня не дошло. Спасибо, Александр.

[@zp300788sea]

Спасибо за работу!!Все очень понятно.

[@heh8286]

В 6:30 утра записывать видос? Это достойно лайка

[@Vinits-i]

Боже, наконец-то я поняла, что такое Промис!! Спасибо!

[@nicolaicushnir9328]

Хочу поблагодарить автора от чистого сердца за такую качественную работу. Просто потому что на русском KZbin я не видел такой качественный контент. Плюс, автор рассказывает очень подробно и понятно. Такое ощущение будто автор кормит нас с ложкой. Но это возможно только моё мнение. Хочу отметить что к сожалению я вынужден ненадолго отклонить ваши уроки по JavaScript. Потому что я много ходил на собеседование чтобы устроиться на работу. К сожалению, я так и не устроился. Но по крайне мере я начал понимать что надо сделать чтобы осуществить давнюю мечту. И я решил сделать шаг назад в сторону HTML и CSS. А потом вернутся к вашим урокам. Ещё раз спасибо за вашы уроки.

[@Tipuchek]

Без html и css в js нечего делать

[@nicolaicushnir9328]

​@@TipuchekОпа, я вижу свой старый комментарий, как время быстро летит. Решил понять почему потключение к MongoDB работает примерно как видео. Не пойми меня неправильно, я не плохо разбераюсь в эту БД. Так вот. И что я вижу? Ещё один комент. Прости чувак за то что не ответил тебе раньше. Неувидел. Ща исправим. Уже стараюсь пилить серьёзные проекты в Gitlab, а некоторые неплохие типа "my-blog" где выкладую свой код или говорю что думаю о разных ситуациях которые происходит в мире. Но пока не решаюсь разместить сайты в интернете и за их не безопасность. Я не спецальст по данному вопросу. Но рано или поздно мне придётся это сделать. Вот было круто если автор сделает курс по безопасности на уровне: {приложении, операционных систем, и сетей } И всё что связано с вебом.

[@YauhenRomeiko]

после уроков первых по js непривычно win видеть у вас) спасибо за урок, смотрим дальше

[@parvaqa1398]

Хороший толковый пример. Но на реальном проекте всё немного закрученнее с промисами. А еще есть async/await - можете раскрыть тему разницы этих инструментов и их в каких случаях их применяют на проектах?

[@itgid]

да, постараюсь

[@МаксимЖурин-е4б]

Понятно, хорошо обьяснил! Спасибо, жду продолжения, голос приятный

[@simplewebdev1098]

Автор нормально объясняет, но мне данное видео не зашло совсем. Я более-менее понимаю за промисы, но из данного видео ничего не понял. Ну имхо, людям внизу зашло, может я такой. На всякий случай оставлю своё описание промисов (как известно, если хочешь что-то понять , то попробуй это объяснить кому-то). Эти все истории, промис - это обещание сделать что-то, как по мне, только запутывают. Забудьте (нажимает кнопку на приборе из людей в чёрном). Промис - это объект ЖС, как, например Date. И как у любого другого объекта у него есть поля. Нас интересуют поля состояние (state), then и catch. Когда мы создаём промис, объект, состояние устанавливается в ХЗ (оно как-то называются, не суть). Начинается выполнение кода внутри переданной функции. Этой функции мы передаём два аргумента, resolve и reject. Что это вообще за ересь? Суть такая, когда при выполнении кода внутри будет вызвана resolve(), то state промиса станет resolved и будет выполнено то, что написано в поле then этого промиса. Если при выполнении кода внутри будет вызвана reject(), то state промиса станет rejected, и будет выполнено то, что записано в поле catch этого промиса. Эти функции (resolve и reject) можно называть как хочешь, но лучше не надо. Они при вызове принимают один аргумент, и передают его в then и catch соответственно. Нипанятно? Давайте пример. Классика, мы стучимся на сервер, хотим что-то от него получить. Какие могут быть варианты? Мы можем не достучаться, это раз. Мы можем достучаться, но быть посланы, это два. Мы можем достучаться, получить ответ, но ответ придёт битый, это три. Ну и четыре, всё пройдёт как надо. Дальше, чтобы упростить, представим, что у нас есть объект request, представляющий ответ сервера. И у нас есть некая функция valid(), которая может проверить валидность ответа и вернуть true или false. let prom = new Promise((resolve, reject) => { ....... тут мы создаём запрос и отправляем его на сервер, получаем request вешаем слушатель ....... if(request.status == 200){ if(valid(request.response)){ resolve(request.response); } else reject("Ответ поломан"); } else reject("Ошибка сервера "+request.status); }); Теперь, что это всё значит. Наш код внутри промиса начнёт работать. Создастся запрос на сервер, повесим слушатель на приход ответа и всё такое. Дальше код ждёт ответа. Как только при выполнении кода сработает resolve или reject работа кода закончится (хотя, может и дорабатывает код, точно не скажу, нужно проверить), state промиса переключится в resolved или rejected и начнётся выполнение then или catch в зависимости от того, что сработало. Таким образом, в then мы помещаем код, работающий при нормальном ответе с request.response, а в catch помещаем обработчик ошибок, возможно, повторяющий запрос, или выводящий сообщение, или что мы там хотим. Обратите внимание, в зависимости от того, какой if не сработает, reject будет вызван с разным аргументом, и эту ситуацию мы сможем обработать в catch, который получит этот аргумент. Если ты дочитал до этого места, скажи, хоть что-то понял?))

[@TheDeathoxy]

Все отлично расписано. Как раз сама основная мысль)

[@demonspel]

спасибо, в видео как раз непонятно зачем он в аргументы resolve запихнул а=99, щас всё догнал

[@simplewebdev1098]

@@demonspel справедливости ради, автор ведь и не говорил, что всё объяснил, там ещё три видео должно быть.

[@simplewebdev1098]

@@TheDeathoxy спасибо )

[@васявасев-р2ш]

с тебя объясняльщик как пистолет с говна

[@EugenePorubenko-q2e]

Спасибо! Как всегда - отлично!

[@itgid]

спасибо!

[@trippie7014]

Большое, искреннее, человеческое СПАСИБО! Я уж было в депрессию впал из-за своей тупости. Но вы помогли)

[@kapotonai]

Блин,неужели до меня дошло).Спасибо Александр!

[@dimageorgiev5798]

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

[@serser5260]

Отец, как всегда красиво стелишь, спасибо

[@ДашаКороткевич]

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

[@cikada3398]

Продолжение в студию)

[@AU_IAN]

Блин, почему мне не попался этот ролик раньше, и как хорошо, что попался сейчас! Александр, Вам огромное спасибо, а вот вопрос к остальным сенсеям, почему нельзя объяснять максимально просто и понятно? Объясняют так, что понять может только тот, кто всё это уже знает!

[@andreynikakoy4862]

Очень ясная подача материала, спасибо

[@davidfromnorth7836]

Вот зарекся искать только инфу из англоязычных источников, но ты объяснил лучше всех всё равно!

[@ВладикГеранин]

вот теперь я понял зачем они нужны , спасибо !

[@zarazakt11]

Вам реально респект. Я долго мучался с этими чертовыми '' обещаниями'', по воле судьбы наткнулся на это видео. Слава Украiнi!!!

[@aavahzx5932]

хохол ебаный

[@eugenefedorov3498]

Я никак не пойму, а не легче просто создать функцию, и вызывать ее когда ajax готов? И чем тогда промисы лучше? Читабельностью? Да вроде нет...

[@yaroslavzef7267]

Реально кроме лести самое понятное объяснение. Я не понимаю зачем другие лезут такой огород городить, если можно все на простых примерах показать

[@gregplittjunior8313]

ппц так просто обьясняете сразу понял суть спасибо вам

[@РустамАетбаев-р4к]

Спасибо! Чётко и ясно!

[@Rapterlol]

Очень доступно рассказал. Лайк однозначно!

[@АлександрКириченко-ц1е]

Короче вы в компании смотрите фильм. Раздается звонок в дверь, скорее всего это привезли пиццу. Вы просите друзей поставить фильм на паузу, пока вы заберете доставку. Они promise дождаться вас с условием resolve( inYourHands = pizza). Если вы вернулись с пиццей .then друзья отжимают паузу и вы смотрите фильм дальше)

[@itgid]

отличное видео. Только без паузы.

[@markostr]

У Вас талант объяснять ! Спасибо !

[@ChristinaShevtsova-q8n]

спасибо огоромное за самое понятное обьяснение!!!

[@vados7341]

Мне очень нравятся твои видосы, удачи тебе.

[@Wolterhon]

Не очень хороший пример был закидывать в resolve a = 99. Параметры, закинутые в резольв получит функция, выполняющаяся в then, в данном случае это просто будет true если мне память не изменяет, к тому же в примере в then функция никаких параметров не получает. В остальном прекрасный туториал, благодарю вас за проделанный труд :)

[@АлександрСилков-ф2ж]

Дзякую сябра.., все четко!

[@Pindeho777]

Спасибо, Вы лучший!

[@MadlessDiamond]

Молочага, понял с первого раза) это при том что ходил на полу годовые курсы по фул стаку и нехера не понял) Где следущие видео промиса с reject?

[@sia4281]

Код неверный!!! За три года можно было бы хотя бы в описании указать. Вы же просто переопределили глобальную переменную, не обработали значение в then, не передали аргумент. Вот верный код (изменил присваивание на сложение для наглядности) let a = 7 let b = new Promise((resolve, reject)=>{ setTimeout(()=>{ resolve(a+99) }, 2000) }) b.then(function(a) { console.log(a); })

[@DiabloSat_off]

СПАСИБО БОЛЬШОЕ! Очень выручил

[@Azzagtot]

Продолжения по промисам так и не появилось! (((

[@rufatahmadeus1801]

разложили по полочкам, спасибо!!! 👍

[@ihorlavrovskyi7726]

Очень доходчиво)

[@-Forever-Young-]

Александр, у вас не хватает буквы в словосочетании "курс верстки". Спасибо за видео, дошло наконец то)

[@singlebw4065]

1й вызов then передаёт анонимную функцию в аргумент resolve. Мне кажется или предавая аргумент в вызове resolve нужно указать анонимной функции что прилетит какое то значение которое надо бы вывести. Видимо JS не обращает внимания на такие ошибки

[@nikn6244]

а где следующее видео, вроде говорилось "завтра" ?

[@alexandershevchenko7027]

Это был "промис" :-)

[@valentyn996]

Жду другие части! Спасибо!

[@ОлегАлёхин-б8л]

Класс, а где продолжение? )

[@zealot4325]

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

[@АндрейЧуринов-ь8с]

Очень доступно, спасибо!

[@Dendor3519]

Промисы и для меня стали непонятной ступенькой. Но это видео действительно сильно облегчает понимание этих конструкций.

[@ОлегГуржий-ь3п]

А где следующая часть по этой теме?

[@NairiAreg]

10:22 читаешь мои мысли 😂

[@oleksiykurylyuk4696]

Дякую за зрозуміле розяснення.

[@Bakhshyan]

Спасибо огромное только ради вас понял для чего они вообще нужни

[@Владислав-ш4ф]

Давно ждал ;)

[@ОрестПідфігурний]

где следуйщая часть по промисам ???

[@PassintoEurope]

Александр, у Вас на превьюхах всегда прикольные картинки. Вы их сами рисуете?

[@АндрейШумейко-ь5с]

спасибо, лайк. Жаль вложеность не показал по сеттаймаут как оно работает

[@Алексей-т2х8й]

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

[@AlexanderOsnovnoi]

Так можно использовать асинхронность, но в ES6 появились async/await, синтаксис которых существенно проще и короче

[@27sosite73]

мужик знаэ як вчити. питань немаэ. дякую тобі чоловіче з луганська

[@ticheroi]

Господи, молодой человек, как же мне нравится ваш подход к объяснению и процессу формулирования мыслей. Пытался читать mdn документацию - кошмар, популярных Ютюб блогеров на английском языке - кошмар, наши вообще какие-то нелепые аналогии проводят с какими-то контрактами для каких-то рок групп О.о отписываюсь от всех них, оставляю в подписках только ваш канал, спасибо вам большое

[@tatianashadevskaya3581]

Чел, от души спасибо!

[@Niakita]

Хороший урок

[@Soras707]

А когда выйдет следующее видео ?

[@dejima2579]

А почему вы поместили переменную "а" в resolve, ведь resolve должен вызываться по окончаннии работы промиса, т.е. пременной "а" присвоили 99, а потои вызывали промис

[@назаркоцюба-э2п]

круто спасибо . Больше таких видосов

[@dark-mv4br]

где продолжение? как найти? емае :Р

[@DmitriyVereschagin]

Ждем ребят из 2021-го.

[@techno7761]

@@gagogoga794 Я из 2021 года, продолжения нет! Безобразие! Я буду жаловаться в Лигу Наций!

[@PhylJoy]

Ждём

[@ivanpavlovich4891]

@@HannaSoupel я с конца 2021 года и промиссов до сих пор нету

[@WZBeats]

Спасибо!

[@DirtyKalach]

подскажите, в каком плейлисте вторая часть?

[@СергейРыженьков]

а когда ждать 2 и 3 часть про Promise

[@mylife-myart4916]

там 5 мес назад же сказали - завтра))) вот все и ждут каждый день завтра))

[@zubziro5566]

Сейчас все используют async/await. Они построены на промисах. Поэтому промисы знать нужно. Хочу увидеть пару реальных примеров async/await...

[@gamerplayelden]

Здравствуйте а где продолжение этого видео, не могу найти)

[@mikobro5923]

Не могу найти продолжение... Подскажите часть 2 3 есть?