@Dimka5

Как написать асинхронную функцию на чистом JS для мобильного браузера Chrome?

В настольном Chrome конструкция async/await работает а в мобильном нет (сообщение не выводится, а без async выводится). Как написать эту функцию для мобильного браузера?
window.addEventListener('load', async () => {
  alert('привет')
})
  • Вопрос задан
  • 218 просмотров
Решения вопроса 1
@Dimka5 Автор вопроса
Действительно Сергей Соколов отдельно этот код на мобильной версии Chrome 70.0.3538.80 с async работает. В моём случае возможно ошибка в другом...
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@Interface
Транспилируйте ваш код: babel, typescript

Или не поддерживайте браузеры не поддерживающие нужные вам синтаксические фичи. Не вижу других адекватных вариантов.
Ответ написан
TheLazzziest
@TheLazzziest
🐱
Зависит от того, на какой версии браузера ты собираешься запускать код. Стрелочные функци вроде включены в стандарт ES5, так что они должны поддерживатся современными браузерами, а вот конструкции async/await по дефолту не поддерживаются вcеми браузере, для того что чтобы они заработали везде нужен babel. Лучше вместо этого использовать Promise, callback и замыкания. А, в принципе, чтобы проверить какую-то фичу, используй https://caniuse.com/
Ответ написан
BRAGA96
@BRAGA96
В jQuery есть аналог Promise - Deferred объекты. Если не используете jQuery можете найти и вытянуть отдельные функции или найти уже готовый в сети.
(function ($) {
    'use strict';

    void function main() {
        // Пример использования promise
        promise(function (resolve, reject) {
            resolve('example data');
        }).done(function (data) {
            console.log(data); //> "example data"
        });

        // Пример использования promiseAll
        var deferreds = [$.Deferred().resolve(1), $.Deferred().resolve(2), $.Deferred().resolve(3)];
        promiseAll(deferreds).done(function () {
            console.log(arguments); //> [1, 2, 3]
        });
    }();

    function promise(callback) {
        var deferred = $.Deferred();
        callback && callback(deferred.resolve, deferred.reject);
        return deferred;
    }

    function promiseAll(deferreds) {
        return $.when.apply(null, deferreds);
    }

}(jQuery));
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы