Что такое асинхронные функции ES7?

Async Await работает с обещаниями ES6. Вы можете думать о них как о способе написания синхронного кода с промисами.

Ключевое слово async помечает как метод, который будет выполнять асинхронный вызов. Ключевое слово await отмечает фактический вызов.

С обещанием вам нужно передать метод методу .then() обещания для обработки результата.

function doSomethingAsync() {
    return new Promise((resolve, reject) => {
        // call Rest service and resolve here
    })
}

function printResult() {
    doSomethingAsync()
        .then(result => console.log(result));
}

Это все работает нормально. С Async/Await мы можем написать последнюю функцию немного по-другому.

async function printResult() {
    let result = await doSomethingAsync();
    console.log(result);
}

Преимущество этого заключается в том, что он просто уменьшает потребность в обратных вызовах.

Подробнее см.: https://www.twilio.com/blog/2015/10/asyncawait-the-hero-javascript-deserved.html

< strong>ES2016 (обычно именуемый ES7 или ECMAScript 7) — это следующая эволюция стандарта ECMA-262 (обычно называемого JavaScript), и он все еще находится на ранней стадии.

Асинхронные функции — это новая функция JavaScript, предложенная как часть стандарта ES2016 и пока не поддерживаемая ни одним браузером. Они построены на основе обещаний.

См. ниже введение в эту новую функцию из различных авторитетных источников.

Примечание :

Несмотря на то, что асинхронные функции обычно обозначаются как ES7 asynch functions (например, чтобы отличить их от async.js или асинхронный JavaScript в целом), Аксель Раушмайер< /a> рекомендует не называть их так, однако как функция будет включена в следующий стандарт только после того, как его предложение достигнет стадии 4.

Асинхронные функции сейчас только на третьем этапе. Фактически, ES2016, скорее всего, не будет содержать асинхронных функций (поскольку < a href="https://stackoverflow.com/users/218196/felix-kling">Феликс Клинг указал в комментариях ниже).

Из предложения этапа 3:

Введение

Введение промисов и генераторов в ECMAScript дает возможность значительно улучшить модель на уровне языка для написания асинхронного кода в ECMAScript.

Аналогичное предложение было сделано для отложенных функций во время обсуждения ES6. Предложение здесь поддерживает те же варианты использования, используя аналогичный или тот же синтаксис, но напрямую опираясь на структуры потока управления, параллельные структурам генераторов, и используя промисы для возвращаемого типа вместо определения пользовательских механизмов.

Разработка этого предложения происходит по адресу https://github.com/tc39/ecmascript-asyncawait< /сильный>. Пожалуйста, регистрируйте проблемы там. Нетривиальные вклады ограничены членами TC39, но запросы на вытягивание для незначительных проблем приветствуются и поощряются!

Статус этого предложения

Это предложение было принято на этапе 3 ("Кандидат") процесса спецификации в сентябре 2015 года. Чемпион намерен принять это предложение на этапе 4 («Завершено») к концу ноября.

Примеры

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

function chainAnimationsPromise(elem, animations) {
    let ret = null;
    let p = currentPromise;
    for(const anim of animations) {
        p = p.then(function(val) {
            ret = val;
            return anim(elem);
        })
    }
    return p.catch(function(e) {
        /* ignore and keep going */
    }).then(function() {
        return ret;
    });
}

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

Task.js и подобные библиотеки предлагают способ использования генераторов для дальнейшего упрощения поддержки кода. Такое же значение:

function chainAnimationsGenerator(elem, animations) {
    return spawn(function*() {
        let ret = null;
        try {
            for(const anim of animations) {
                ret = yield anim(elem);
            }
        } catch(e) { /* ignore and keep going */ }
        return ret;
    });
}

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

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

async function chainAnimationsAsync(elem, animations) {
    let ret = null;
    try {
        for(const anim of animations) {
            ret = await anim(elem);
        }
    } catch(e) { /* ignore and keep going */ }
    return ret;
}