Что я делаю не так с promise в сервисе AngularJS?

Question

[vostotskiy]

Здравствуйте. Перенес с контроллера логику загрузки данных в отдельный сервис. в контроллере вызываю
vm.projects= reportsService.initReport( vm.id);
В самом методе initReport такой код

function initReport(id) {
    getTimeTypes(isView).then(function(data){
        types = data;
    })
    console.log(types);
    return [
        types
    ]
}

Функция для получения типов обрабатывает http-запрос и возвращает ошибку или данные

function getTimeTypes(isView){
            return restAPI.getTimeTypes()
                .then(
                    function( data ) {
                        var temp = [];
                        temp = parseResponse(data,isView);
                        if(temp.items && temp.items.length){
                            return temp.items;
                        }
                    }
                )
        }

В моем случае получается, что в initReport возвращается пустая переменная types (срабатывает return, пропуская инициализацию в then types), не дожидаясь, пока сработает этот блок в методе

getTimeTypes(isView).then(function(data){
    types = data;
})

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

Comments

[Алексей Уколов]

tsya.ru

Answer 1

[Владимир]

https://habrahabr.ru/company/mailru/blog/269465/

Comments

[vostotskiy]

спасибо за инфу)

Answer 2

[Алексей Уколов]

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

Потому что это и есть асинхронность. То, что вы описываете - это синхронный код, у вас его нет, поэтому нет и поведения, которое вы ожидаете.
Всё, что вы можете вернуть из асинхронной функции - промис. И далее по коду подписаться на его выполнение при помощи .then().

function initReport(id) {
    getTimeTypes(isView).then(function(data){
        return [data];
    });
}

initReport(42).then(function (types) {
  console.log(types);
});

Comments

[vostotskiy]

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

[Алексей Уколов]

То, что вы хотите, сделать невозможно. Как только у вас появляется асинхронная операция, всё, что ниже неё по стеку тоже должно быть асинхронным.

[vostotskiy]

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