Press "Enter" to skip to content

Promises — Part 8 of Functional Programming in JavaScript


Привет, сегодня мы говорим о
обещает, что это видео является частью серии
где мы изучаем функциональное программирование
с JavaScript в этом видео я буду
много ссылок на предыдущие
эпизодов , так что вы получите намного больше из
это видео, если вы смотрели
предыдущие эпизоды, нажав там
особенно первый эпизод, который я
много повторил, что один из больших
вещи о функциональном программировании
чтобы сделать ваш код более сложным в
в этой серии вы также видели много
холодные максимальные обратные вызовы — это способ сказать
ваш код, который, когда это будет сделано
выполняет этот кусок кодовых обещаний
служат той же цели, что и обратные вызовы
но обещания немного более мощные
потому что они не похожи на обратные вызовы
мы собираемся попасть в
почему и как и всевозможные причудливые вещи
о обещаниях, но сначала я собираюсь
покажите вам просто очень важное обещание, чтобы мы
есть функция, которую мы импортируем ах
это называется изображение нагрузки обещал , что я буду
расскажите, как реализовать это
но пока мы просто позвоним
он загружает обещание изображения
с путём к кошке эта функция
вызов вернет обещание обещания
метод вызвал их, и мы вызываем
то здесь и мы передаем это
функция обратного вызова, когда изображение имеет
завершенная загрузка этого обратного вызова будет
с загруженным изображением
сама функция обратного вызова очень проста
он создает элемент изображения, и он
назначает SRC, вероятно, из загруженного
изображение к элементам изображения и добавляет
это к телу позволило мне нарушить обещание
в переменную да для дальнейшего
иллюстрируют, что это объект, являющийся
вернулся, так что мы можем вернуться
регулярность — когда кошки загружены Oh like
это, а затем мы называем то, что будет
дать нам тот же результат
oh это должно быть хорошо, вы всегда должны
использовать оставили в Atmos кроватке шесть поэтому , когда кошка
это обещание, и это просто
что это звучит , как будто это не значение
сама по себе это обещание ценности в
обещания реальной жизни полезны, потому что
человек может сказать, например, спину и
скажите, что да, мы обещаем одолжить
ты наш много денег, а потом можешь
пойти к людям, продающим дома, и сказать, что
да, банк обещал мне одолжить мне
это много денег, и вы можете на самом деле
заключить договор, основанный на том, что даже
хотя у вас на самом деле нет
деньги да я обещаю что-то
что вы можете пройти, и вы можете
напишите код, даже если вы
не имеют значения, пока что бум здесь
это одно и то же , но
вместо черно-черной модели вместо
обещает точно так же, как и другая функция
что мы видели, что эта функция принимает путь
к изображению в качестве первого аргумента
однако, как второй аргумент
он обращается к первому аргументу
к функции обратного вызова будет
если он был, если не было
один
второй аргумент для обратного вызова
функция будет объектом успеха в
в этом случае изображение и функция
само тело в точности совпадает с
другие четыре пропущенные функции, и это
тонкая картина на самом деле даже немного
короче шаблон де обещание так
почему бы не использовать обещания в
все на самом деле так много вещей в жизни, когда
вы начинаете добавлять больше кошек вещей становятся
комплекс кошек кошки кошки мы загружаем
три кота я сломал код, который добавляет
элемент изображения в Dom в
его отдельная функция, называемая add
изображение функция добавления образа используется
здесь здесь
и здесь, поэтому мы вызываем нагрузку
обратный вызов изображения с первым колпачком,
будет передаваться к внешним
Обратный вызов и затем будет
здесь добавляется изображение, когда
будет сделано , мы будем называть загрузки изображения
обратный вызов со второй шапкой, которая идет
быть переданным здесь в следующий
внешний ответ, который затем переходит в
добавьте изображение здесь uh yeah, а затем мы
сделано, у нас холодное изображение нагрузки холодное
вернемся сюда по пути, а затем
переходит во внутренний вызов и что
собирается передать , чтобы добавить изображение , что
мы видим здесь то, что часто называют
как nodejs
обратная связь Рождественская елка обречения это
чрезвычайно запутанный код, который мне даже приходилось
уменьшите размер шрифта, чтобы это соответствовало
жаль, что мобильные зрители и это
всего на три уровня, если вы
было шесть или десять или что-то в этом роде
были бы зонками, кроме этого
невероятно уродливый этот код на самом деле
не выполняется параллельно , поскольку
второй обратный вызов не будет холодным
пока первый не закончится, и так
на этом также ужасно из-за ошибки
мы не делаем
обработка ошибок здесь, но если мы сделали это
должен был бы сделать что-то вроде этого для
каждый обратный вызов
координируя подобные вещи с помощью
Ковач грязный, так что мы сейчас
смотрение внутри изображения загрузки изображения назад
как и ожидалось, стрелка принимает
обратный вызов создает изображение
huh он будет ждать загрузки изображения
и когда он это сделает, это вызовет
обратный вызов не используя этот тандем не картины
теперь, потому что у нас нет ошибки и
то объект успеха — изображение if
есть ошибка, она эквивалентна
вещь ах с сообщением не может
загружать изображение с правой стороны, выдает новую ошибку
с этим сообщением и передает его как
первый аргумент функции обратного вызова Ei здесь
когда мы называем нет, это письмо, и здесь
первый аргумент — ошибка, и как только
создали этих двух слушателей, это будет
назначить свойство SRC изображения
с URL-адресом, и это вызовет
загрузка изображения, и теперь я бы переписал
это, чтобы вернуть обещание
вместо использования угольных шахт он будет
фактически существенно становятся функцией
что я показал в начале
этот эпизод
Экзамен Эккмана 6 включает в себя обещания
однако, если вы не смотрите
это из будущего не всех браузеров
полностью исполнили X-скрипт 6
к счастью, пузырь обеспечивает
полипол для обещаний использовать, что я
будет пузырь, если я заполняю только
о том, как вы получаете пузырь в свой проект
эта линия будет немного отличаться
Я использую bubble fi, который является браузером, если я
подключитесь, и я поставлю ссылку на
полный проект , который вы видите здесь , в
шоу-шоу
но я не буду вдаваться в подробности, потому что
эти вещи сильно меняются, и я
не хочу это видео , чтобы устареть
поэтому су попытаться вместо этого сосредоточиться на деталях
о обещаниях, поскольку они будут
Оставайтесь верными в течение многих лет, мы собираемся
верь обещание здесь
конструктор обещаний принимает один
функция в качестве аргумента эта функция
этот обратный вызов, в свою очередь, будет
вызов с двумя аргументами разрешает и
отвергнуть оба из них также являются функциями
и JavaScript хочет , чтобы вы назвать эти
функции со значениями, когда у вас есть
их или ошибки, если вы
давайте просто начнем перемещать вещи в
обещаю, что все в порядке
перемещая это и вместо вызова
Кобург здесь с действительным значением
мы будем называть результат, и мы будем только
назовите его значением успеха
плавно по ошибке здесь
о, моя клавиатура — задница для работы
хорошо изображение huh по ошибке вы встаете
вызывая обратный вызов, мы теперь позвоним
отклонить с ошибкой ах
и мы также перенести это изображение
время см. здесь am удалить некоторые строки
и теперь это больше не ссылается на это
обратный вызов, поэтому мы можем просто удалить его, чтобы мы
теперь возвращаются новые обещали вам
обещаем, что мы получим этот обратный вызов, который в
очередь будет вызвана с этим решением
и отклонять функции, которые, в свою очередь, мы
как ожидается, вызовут либо
значение успеха или значение отказа, поэтому
здесь выгружаемся, когда мы перезагружаем его неделю назад
мы решаем с удачным изображением, или если мы
получить сбой
мы будем называть отклонять с этим очень давайте
вернуться к активному Jas ok, это немного
плохо названо сейчас, давайте переименуем его
просто загрузите изображение, и теперь это не будет
больше ничего не делайте, потому что
синтаксис теперь будет заключаться в том, что это возвращает
объект, который мы должны назвать
то дальше, и это будет не ошибка, просто
будет просто значением успеха, поэтому
просто сделал
удалить их, см. ошибку компиляции
о, потому что мы не начинаем их
есть еще одна ошибка компиляции, о да
это потому, что мне это не хватает
Ничего не произошло
ах, давайте посмотрим на консоль ok error
не определено да, потому что теперь у нас есть
удалили ошибки из обратных вызовов, чтобы
давайте избавимся от них на тот момент, когда я
покажет вам, как выполнять обработку ошибок
в нем, конечно, это все еще выглядит
ужасно помню, как я сказал вам, что
обещания помогают нам
лучше, чем обратные вызовы, потому что они
помогите мне показать вам, что это значит
позвольте мне разбить каждое изображение нагрузки
звонит, поэтому я могу сделать это, я буду двигаться
это здесь, и я переведу это здесь ах и
то, что я сейчас буду делать, — это обещание
все, что я собираюсь передать
массив, так что теперь это массив
обещания передаются в обещание всем
Я собираюсь удалить это и снова вернуться
это теперь получает функцию
все обратно, что, в свою очередь, будет
все изображения
позвольте мне console.log, чтобы увидеть, что
мы получаем три изображения здесь ах они
будет иметь 11s , чтобы увидеть там увидеть это есть
изображения кошки сделают изображение dot для
каждый IMG и вызов добавить изображение с изображением
dot SRC ha
О, как это здорово, так это то, как
Удивительно , что
Посмотрите, как это здорово.
это немного для вас, что
пространства там мы не можем иметь, что о
мне больно, просто позвольте мне переименовать это просто
переименуйте низкое изображение, мы можем это сделать в
одна линия сгибает его по размеру снова вправо
Посмотрите, насколько мы можем сделать это сейчас, когда мы
имеют такой короткий элегантный код, так что теперь
эта функция загрузки изображения, которую мы
импортный импорт здесь — тот, который
возвращает обещание, поэтому, когда мы звоним
эти загружаемые изображения здесь мы на самом деле
создавая множество обещаний здесь и
мы передаем это в старый метод
на объект обещания, и это родное
для сценария ACMA шесть обещаний не все будут
в свою очередь, возвращают новое обещание, которое мы
звонят тогда, и мы проходим мимо
обратный вызов для них, и этот обратный вызов будет
вызывать с массивом фактических
ценности, которые эти обещания возвращают и
для каждого изображения мы добавляем это изображение
к куполу
но как насчет ошибок, которые мы удаляем
обработка ошибок до того, как мы обрабатываем
ошибки, когда дело доходит до обещаний хорошо
вы, ваша область, поймаете и поймаете
другой обратный вызов, который должен обрабатывать
там , и мы будем делать некоторые охоты ошибки
здесь немного позже, если возникает ошибка
в любом из них он будет
этот обработчик ошибок, который так много
лучше, чем иметь дело с ошибкой в
множественные места в сводных обещаниях
так же, как отталкивать способ решения
с синхронным кодом, когда мы не
знать, когда что-то случится или в
какой порядок, но обещания больше
мощные и обратные вызовы, поскольку они
я показал вам один пример этого
сегодня, используя обещание, но есть способ
больше, когда это произошло с того момента, как вы
комфортно с обещаниями в этом шоу я
я говорю, но ты
аудитории, и без вас это просто
быть аккуратным криком в пустоту, чтобы я
нужно услышать от вас Мне нужно
поймите, кто вы из- за жутких
Аналитика YouTube Я знаю, где вы
где вы находитесь и какой пол
вы, кроме того, что я летаю
слепой
поэтому, пожалуйста, прокомментируйте ниже и скажите мне
дайте мне представление о том, какие
программист, вы работаете в качестве
программист вы изучаете Яхве
сценарий вашего первого языка, что
Последнее, чему вы научились, и мы не
считая эти видеоматериалы такими , как
и следующий эпизод собирается быть хорошим
один я не скажу вам, что
да да , но вы не хотите пропустить это сделать
убедитесь, что вы подписаны, а также синий, если
вы уже включили уведомления
для моего канала на телефоне я всегда
пост в понедельник утром, но это так хорошо
с правом напоминания
ах до следующего понедельника оставаться любопытным
Please follow and like us:

Be First to Comment

Добавить комментарий