Публикации по теме 'asynchronous'
Основы промисов в JavaScript
Асинхронное программирование Советы по разработке JavaScript Веб-разработка
Промисы JavaScript изменили то, как мы работаем с асинхронными операциями. В этом сообщении блога мы углубимся в основы промисов, разберемся в их внутренней работе и узнаем, как они привносят элегантность, простоту и азарт в наши проекты веб-разработки.
Раскрытие волшебства:
Представьте, что вы пишете код, который легко обрабатывает асинхронные задачи, не запутываясь в паутине обратных вызовов...
[JS] Хорошо проработанный многоразовый асинхронный поток
[JS] Хорошо проработанный многоразовый асинхронный поток
Или «Асинхронный + Многоразовый = Прибыль»
Прошло много времени с тех пор, как шумиха вокруг умирающего «ада обратных вызовов» и яркого Promise пришла, чтобы спасти нас из этого ада. теперь у нас есть генераторы (ES6) и await/async (ES7)… ура! еще больше возможностей для выбора.
Действительно ли все эти функции что-то решили? Какое-то время я пробовал использовать промисы/генераторы, но было ясно, что это ничего не решает..
Учебное пособие по Javascript ES7 Async Await
Мы давно видели, как обещания спасают нас от ада обратных вызовов. В настоящее время у нас есть async-await, который может доработать наш код, чтобы он не повредил глаза нашему товарищу по команде.
Пример случая
Предположим, мы хотим получить код страны из API, чтобы мы могли запросить телефонный код страны с помощью другого API. Легко, правда? Вы можете подумать, что для этого требуется всего лишь два обещания. Но чтобы усугубить ситуацию в этом случае, давайте использовать fetch ,..
Заполните недостающую часть асинхронного программирования в JS/TS с помощью concurrency.libx.js
В начале был ад. Этот ад сделан из обратных вызовов.
Написание асинхронного кода на JS было сложной задачей с самого начала. Очень легко закончить хаотичными цепочками функций обратного вызова. Если вы работаете в организации с кодом JS, которому пару лет, весьма вероятно, устаревший код, который выглядит так:
request(function(a, cb){
request(a, function(b, cb){
request(b, function(c, cb){
request(c, function(d, cb){
.....
Почему вы не должны использовать forEach с async/await!
Ожидает ли функция Array.prototype.forEach() только синхронную функцию?
Глядя на код ниже:
async function displayScores() {
const scores = [1, 2, 3, 4, 5];
console.log("Starting to display scores");
scores.forEach((score) => {
console.log('The current score is ', score);
});
console.log("Finished displaying scores. This should execute last!");
}
displayScores();
Этот код даст следующий результат:
Starting to display scores
The current score is..
Загрузка файлов JavaScript, CSS или изображений с помощью Promise API
Самый простой способ загрузить актив (JavaScript, CSS, изображение) с помощью JavaScript или TypeScript
Веб-приложения часто используют сторонние API-интерфейсы для предоставления функции на определенном маршруте приложения. Многие из этих API тяжелые и не имеют пакета в NPM. Обычный способ добавить эти API в веб-приложение - добавить его в основной файл HTML. Использование этого подхода сильно повлияет на время загрузки страницы. Например, если это файл JavaScript, он загрузит,..
Разберитесь с обещаниями, прежде чем начать использовать async / await
Теперь, когда Babel поддерживает async / await из коробки, а ES2016 (или ES7) не за горами, все больше и больше людей понимают, насколько хорош этот шаблон для написания асинхронного кода с использованием синхронной структуры кода.
Это хорошая вещь ™, которая должна значительно улучшить качество кода.
Однако многие люди, возможно, упустили из виду то, что вся основа async / await - это обещания . Фактически каждая async функция, которую вы пишете, будет возвращать обещание, и все,..
