Розбираємося з Promise в JavaScript за 10 хвилин

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ม.ค. 2025

ความคิดเห็น • 48

  • @slavasha3926
    @slavasha3926 11 หลายเดือนก่อน +3

    Найкраще пояснення з топ 5 результатів на ютабе

    • @reactdev
      @reactdev  11 หลายเดือนก่อน

      Дякую!

  • @wisarty
    @wisarty ปีที่แล้ว +4

    Дякую за вашу роботу! Слава Україні! Слава ЗСУ! Повага всім хто допомагає!

  • @ДмитроМолодько
    @ДмитроМолодько ปีที่แล้ว +7

    Чудове пояснення, я бек-енд розробник то просто шикарно пояснено з відповіддю на 3 питання: Що це, нащо це та як використати)
    Ну і окрема подяка за україномовний контент!!

  • @mishachubenko3394
    @mishachubenko3394 4 หลายเดือนก่อน +1

    Пане Віталій дякую за науку ! Хай коду на Українській буде більше !!!

  • @michaeldelorens
    @michaeldelorens 8 หลายเดือนก่อน +1

    Дай вам Боже здоров'я

  • @ЕкатеринаЗахарова-ь5к
    @ЕкатеринаЗахарова-ь5к ปีที่แล้ว +1

    Ох дякую, нарешті знайшла український контент по JS!
    Ще не слухала, проте вже підписалась )

  • @Arhangell92
    @Arhangell92 11 หลายเดือนก่อน +1

    Гарне пояснення

    • @reactdev
      @reactdev  11 หลายเดือนก่อน

      Дякую

  • @irina7707
    @irina7707 ปีที่แล้ว +1

    дуже гарна дикція! про поштара, взагалі, круто заходить! Дякую і підписуюсь теж!

    • @reactdev
      @reactdev  ปีที่แล้ว

      Дякую!

  • @datsiura
    @datsiura 2 ปีที่แล้ว +5

    контент про дев українською💙💛 лайк, підписка!

  • @alpha_17x
    @alpha_17x 2 ปีที่แล้ว +1

    Яка ж класна подача! Дуже топово!

  • @BRILLIANTIC1
    @BRILLIANTIC1 ปีที่แล้ว

    Лайк підписка. Розвитку каналу!!

    • @reactdev
      @reactdev  ปีที่แล้ว +1

      Дякую!

  • @bristolzoo845
    @bristolzoo845 ปีที่แล้ว

    Дякую за відео!
    Подивився останній приклад 09:40
    Де є const в асинхронній функції
    const не інкрементується в js =)
    (async function() {
    const res = await Promise.resolve(1);
    res++;
    console.log(res);
    })();
    >>>
    node /tmp/8YlxL0Oit5.js
    ERROR!
    /tmp/8YlxL0Oit5.js:3
    res++;
    ^
    TypeError: Assignment to constant variable.
    at /tmp/8YlxL0Oit5.js:3:8
    Node.js v18.18.0
    Простеньке виправлення:
    (async function() {
    var res = await Promise.resolve(1);
    res++;
    console.log(res);
    })();
    >>>
    2

    • @reactdev
      @reactdev  ปีที่แล้ว +1

      Дуже дякую, мій косяк.
      П.М. Замість var краще let тоді

  • @olehhusak2988
    @olehhusak2988 ปีที่แล้ว

    оууу, кайф, дякую Віталій, щиро радію, що ютуб наповнюється українським контентом для програмістів, це хороша заміна російськомовному контенту, так як англійською не всім підходить

    • @reactdev
      @reactdev  ปีที่แล้ว

      Дякую! Але англійська дуже потрібна 😢

  • @ПиликиПилики
    @ПиликиПилики 2 ปีที่แล้ว +1

    дуже класне відео. Дивно чому так мало переглядів і лайків, бо віддосик суперю Дякую

    • @reactdev
      @reactdev  2 ปีที่แล้ว

      Та просто відео виклали вчора вночі. Але якщо поширите я буду супер вдячний)

  • @Fenrir-Wolf
    @Fenrir-Wolf 2 ปีที่แล้ว +3

    Де ти раніше був? Дуже гарно все розібрав👍

  • @demikill_2137
    @demikill_2137 ปีที่แล้ว

    Дякую, мужик) дуже допоміг)

    • @reactdev
      @reactdev  ปีที่แล้ว

      Приходь ще)

  • @rimac9022
    @rimac9022 ปีที่แล้ว

    Оо , крутий канал найшов

  • @Dima-cz1gb
    @Dima-cz1gb 4 หลายเดือนก่อน

    все ніби дуже просто, але коли доводиться через запит fetch витягнути інформацію наприклад id та name і потім щоб воно вписалось в вашу функцію де result = id:, name: і т.п я починаю дуже тупити і не знаю як назвати всі о'бєкти і який об'єкт з яким порівнювати і це здається дууже важко

  • @boyywnkobe
    @boyywnkobe 2 ปีที่แล้ว +1

    що краще павершел чи термінал ?

    • @reactdev
      @reactdev  2 ปีที่แล้ว +1

      Залежить від підгрунтя. Я, наприклад, люблю PS за можливість робити ланцюжок команд через ";" Але якщо ви добре знаєте bash то це також супер потужна штука

    • @boyywnkobe
      @boyywnkobe 2 ปีที่แล้ว

      @@reactdev крч ні то ні то не запускає скрипти які пов’язані з env файлами. На мак такої проблеми нема

    • @reactdev
      @reactdev  2 ปีที่แล้ว

      @@boyywnkobe А можна трохи детальніше? з dotenv наче проблем не було

    • @boyywnkobe
      @boyywnkobe 2 ปีที่แล้ว

      @@reactdev пробував взяти з ably апі ключи з сокета і тд... не сильно шарю але з dotenv теж все виходило. а щоб через ably то треба костилі кліпати бо свариться. і на павершелі 7 теж всьо свариться через прайвасі

    • @boyywnkobe
      @boyywnkobe 2 ปีที่แล้ว

      @@reactdev є проєкт в друзів і в них маки то проблем нема а от шоб в мене на вінді запустити то треба через костилі, бо проєкт в них не через dotenv a ably

  • @Igor_UA
    @Igor_UA 10 หลายเดือนก่อน +1

    Це ж Рубан... Він профі

  • @МаксимБондаренко-н1ь
    @МаксимБондаренко-н1ь 2 ปีที่แล้ว +1

    гарне пояснення, але є одне "але" - на прикладі з інкрементами дуже неявно йде передача аргумента у функцію.
    На таких речах бажано зупинятися і пояснювати.

    • @reactdev
      @reactdev  2 ปีที่แล้ว

      Дякую. Щодо зауваження, то до цього аналогічний підхід з console.log застовується, то ж наче б то має бути зрозуміло?

  • @avazart614
    @avazart614 2 ปีที่แล้ว +1

    Якось мало у самому кінці про async/await а це ніби сучасніший синтаксис.

    • @reactdev
      @reactdev  2 ปีที่แล้ว +1

      Ви праві, цей синтаксис більш сучасний. Але пояснювати тут дуже мало чого, хіба що розібрати на що перетворюється async/await в ES5, де його ще немає. Але це не на 10 хвилин точно)

    • @avazart614
      @avazart614 2 ปีที่แล้ว

      @@reactdev Показати сучасний приклад featch з async/await та екцепшенами з самого початку та розкручавати історично назад це б було чи не логічнишим? Да і хто сказав що треба укладатися саме у 10 хв.

    • @reactdev
      @reactdev  2 ปีที่แล้ว +1

      @@avazart614 Тут як з дедукцією та індукцією, обидва підходи мають право на життя, але кожен обирає те що йому ближче. Мені особисто ближче з промісів, тому що їх знання це фундамент для async. А про 10 хвилин - це у нас такий формат, до 10 хвилин. Але є (й багато) годинних лекцій, які ви можете знайти на каналі.

  • @user-ur4nx2vt5x
    @user-ur4nx2vt5x ปีที่แล้ว

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

    • @reactdev
      @reactdev  ปีที่แล้ว

      Гарна порада, дякую

  • @ВладимирКушнир-м5е
    @ВладимирКушнир-м5е 3 หลายเดือนก่อน

    на другій хвилині, можливо для прикладу автор зробив, проте Promise.resolve(1).then(console.log) код не виконається так як метод .log не визивається

    • @reactdev
      @reactdev  3 หลายเดือนก่อน +1

      А ви спробуйте)

  • @egos_ua
    @egos_ua 2 ปีที่แล้ว

    Ой класс, мені сподобався відочік, трохи звуку малувато, можно слухати тільки в навушниках. І ще одного момоенту не вистачило для того, щоб відео здалося максимально повним, а саме: якщо я використовую .then().catch() конструкцыя ы викину ексепшн саме в .catch(), то цей викинутий ексеепшн, як я розумію, вже зловиться try-catch конструкцією, вірно?

    • @egos_ua
      @egos_ua 2 ปีที่แล้ว +1

      і да, вже вмазав лайк, підписку і колокольчик

    • @reactdev
      @reactdev  2 ปีที่แล้ว

      Нєа, з промісу немає виходу через try/catch
      Ось код для перевірки
      try {
      Promise.reject(0).catch(() => {
      throw new Error("my error");
      });
      } catch {
      console.log("try catch works");
      }

    • @reactdev
      @reactdev  2 ปีที่แล้ว

      Це супер, дякую за підтримку!