• Tuesday , 31 March 2020

Урок 5. JavaScript. Promise. Что это, как работает (+ пример)

Code Canyon



Добавляйте меня в ВК: https://vk.com/vladilen.minin
Telegram: https://teleg.one/js_by_vladilen
Instagram: https://www.instagram.com/vladilen.minin
Группа ВК: https://vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: 410013757655670
BTC: 1FfskGr1qP3NdmYGXRtu4UFLhxo2e1rhS4

Полный курс по Angular 8+:
https://clc.to/angular

Полный курс по ReactJS:
https://clc.to/react

NuxtJS + NodeJS – Фулстек разработка:
https://clc.to/node-nuxt

Урок 5. JavaScript. Promise. Что это, как работает (+ пример)
В ролике я расскажу про то, что такое Promise в JavaScript.
Вы узнаете как они работают, зачем нужны и как с помощью них работать с асинхронными операциями

Сложный JavaScript простым языком:


Original source

3d Ocean

Related Posts

42 Comments

  1. Vadim Gardison
    March 24, 2020 at 07:00

    Превосходно! Одни из лучших материалов. Так держать….

  2. Alex Potapov
    March 24, 2020 at 07:00

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

  3. Михаел Дядин
    March 24, 2020 at 07:00

    Владилен спасибо

  4. Егор Марин
    March 24, 2020 at 07:00

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

  5. Dedylexka Channel
    March 24, 2020 at 07:00

    вопрос, зачем в объекте Promise в конструктор передавать метод с двумя параметрами resolve и reject? если эту деталь можно сокрыть в самом "классе", то есть вызывать this.resolve() уже существующий в этом "классе" , который будет вызывать метод, указанный в then, для явности и наглядности происходящего? например я бы реализовал следующим образом:
    function MyPromise(toDoFnc)

    {

    this.catch = function(onFailure)

    {

    this.fireFailire = onFailure;

    return this;

    }

    this.then = function(onFinished)

    {

    this.fireResolve = onFinished;

    return this;

    }

    toDoFnc.call(this);

    return this;

    }

    const p = new MyPromise(function() {

    console.log('tut', this);

    setTimeout(() => {

    console.log('blabla', this);

    this.fireResolve('RESOLVED');

    }, 2000);

    });

    p.then((data) => console.log(data));
    Неужели это из-за ограничений передачи контекста стрелочным функциям или и то и другое совместно?

  6. Ilya Volkov
    March 24, 2020 at 07:00

    Тема не раскрыта. Уроки по другим темам – супер, но этот неудачный

  7. Кирилл Интеров
    March 24, 2020 at 07:00

    Как всегда ясно и понятно) спасибо автору!

  8. Denis Shupenko
    March 24, 2020 at 07:00

    Спасибо большое, помог разобраться!

  9. Victoriano
    March 24, 2020 at 07:00

    Спасибо!)

  10. Yurii Spivak
    March 24, 2020 at 07:00

    идеально обяснил!!

  11. vlad vladdd
    March 24, 2020 at 07:00

    Все круто !
    Продолжай в этом же духе !

  12. Ihor Nechypor
    March 24, 2020 at 07:00

    Спасибо очень круто подаёшь материал

  13. Andrey Dmitriyev
    March 24, 2020 at 07:00

    Спасибо за урок! Единственное – не совсем понтяно – https://youtu.be/1idOY3C1gYU?list=PLqKQF2ojwm3l4oPjsB9chrJmlhZ-zOzWT&t=1348
    как определить, что первым выполнен какой-то конкретный promisse.

  14. Aleksandr Development
    March 24, 2020 at 07:00

    круто делай свои видосы) очень помогают

  15. Alexandr Ryzhenkov
    March 24, 2020 at 07:00

    Замечательное видео. Спасибо.

  16. Basmete
    March 24, 2020 at 07:00

    then – Тогда

  17. Дмитрий Алексеевич
    March 24, 2020 at 07:00

    Спасибо большое!!)Узнал много нового

  18. WOW PLACE
    March 24, 2020 at 07:00

    Даже с таким хорошим объяснением, я ничего не понял =(

  19. Александр Панфилов
    March 24, 2020 at 07:00

    Спасибо!

  20. Alice Argent
    March 24, 2020 at 07:00

    Я долгое время использую промисы и даже не знала, что их использовала)) Знала только, что then – тогда, а catch для ошибок нужен.

    Спасибо за очень понятные объяснения)))

  21. Антон Долганин
    March 24, 2020 at 07:00

    Задонатил на Udemy, спасибо за качественные объяснения.

  22. semen083
    March 24, 2020 at 07:00

    Можно ли с помощью promise выстрелить себе в ногу и попасть в deadlock?

  23. Web developer
    March 24, 2020 at 07:00

    Доходчиво, спс

  24. Владимир Маликов
    March 24, 2020 at 07:00

    Столкнулся с необходимостью применения асинхронности. Прошерстил кучу статей, так и не поняв до конца как это работает, пока не наткнулся на это видео.
    Парень, да у тебя талант! Если даже такой тугодум как я всё понял. 🙂
    Благодарю.

  25. Иван Миткин
    March 24, 2020 at 07:00

    Честно запутанный урок, а не проще объяснитъ весь урок на примерах then и catch было намного понятней

  26. Sergey Vasiliev
    March 24, 2020 at 07:00

    привет, что должен уметь делать джуниор фронтенд или мидл (это только уметь делать анимации, или нечто большее?) пожалуйста дайте кто-то ответ

  27. John D
    March 24, 2020 at 07:00

    Эйй йо

  28. Дмитрий Пустовит
    March 24, 2020 at 07:00

    Может я в танке или что-то пропустил. Но кажется в видео нет описания отличий промисов от таймаутов?

  29. MrDilord
    March 24, 2020 at 07:00

    Потерял минут 40, прежде чем понять почему блок catch мне возвращает undefined, а не ошибку:( Оказалось, что между 'Error:' ЗАПЯТАЯ err , а я ставил точку. Вдруг кто столкнется)

  30. Юрий Ваколов
    March 24, 2020 at 07:00

    Это пожалуй самая профессиональная подача материала!

  31. Юрий Ваколов
    March 24, 2020 at 07:00

    when – когда, then – тогда. В промисе колбэк-функция -> resolve (разрешить) -> then(тогда) ->…

  32. Завен Аванесян
    March 24, 2020 at 07:00

    Владилен здравствуйте, у меня такой вопрос, нельзя ли вместо вызова 2го промиса в then просто саму data которая переданна в аргументе модифицировать путем data.modified = true ?

  33. ArdAxe
    March 24, 2020 at 07:00

    Короче, вся прелесть промисов сводится к тому, что они выполняются один за другим в заданном порядке, не привязываясь к тактам интерпретатора.
    Но на хрена была изначальная вложенность при примитивных коллбеках – я так и не понял. Их с таким же успехом можно было написать друг за другом.

    А разве для того, чтобы определить, отправить resolve или reject, не нужно делать кучи ifelse? Например на проверку статуса ответа. Или это определяется автоматически?

  34. Dzintars Klavins
    March 24, 2020 at 07:00

    Chuvak. Ti ZOLOTO!!!

  35. inil pw
    March 24, 2020 at 07:00

    во всех примерах сеттаймоут, без него слабо?

  36. Ruslan Nagiev
    March 24, 2020 at 07:00

    9:46 каким сочетанием клавиш такую штуку сделать (быстро выровнять)?

  37. Евгений Булатов
    March 24, 2020 at 07:00

    ОГРОМНОЕ ТЕБЕ СПАСИБО!

  38. anna sahradyan
    March 24, 2020 at 07:00

    но почему сразу господа?

  39. Generals
    March 24, 2020 at 07:00

    //

  40. Andrew Sova
    March 24, 2020 at 07:00

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

  41. reactcoder
    March 24, 2020 at 07:00

    Cпасибо, очень понятно объяснил. Но остался один вопрос: как сделать так, чтобы цепочка промисов выполнилась именно последовательно. Т.е. один промис завершил свою работу, потом запустился 2 промис, завершился второй промис, затем 3 и т.д.?

  42. Pavel Tk
    March 24, 2020 at 07:00

    Сначало лайк – а потом смотрю

Leave A Comment

You must be logged in to post a comment.