我通过$http.get调用服务,因为在继续之前需要来自两个服务的响应,我将返回的promise包装在$q.all中.但是,与通过$q.all解析promise相比,顺序解析promises(即在第一个promise的.then回调中调用第二个服务)相比,似乎存在巨大的开销.

开销出现在TTFB(第一个字节的时间).

我无法弄清楚为什么$q.all会比在开始下一个之前顺序等待一个承诺解决的速度慢.事实上,我认为$q.all会更快,因为它允许我在第一个服务调用之前启动第二个服务调用.

继续阅读实施细节.

这些后端服务相当轻量级：

ProductsController的：

[HttpGet]
public Dictionary<string,PriceListTypeDto> GetPriceListTypesForProducts([FromUri] List<string> productErpIds)
{
    // Work to get PriceListTypes. Work takes 40 ms on avg.
}

UserController的：

[HttpGet]
public int? GetUserOrganizationId()
{
    // work to get orgId. 1-10 ms runtime on avg.
}

调用这些服务的Javascript函数：

var addPriceListTypes = function (replacementInfoObjects,productErpIds) {
    return productService.getPriceListTypesForProducts(productErpIds) // Returns promise from $http.get
        .then(function (response) {
            // Simple work,takes 1 ms.
        })
        .catch(function () {
        });
}


var addOrganizationSpecificDetails = function (replacementInfoObjects) {
    return userContextService.getUserOrganizationId() // Returns promise from $http.get
       .then(function (response) {
            // Simple work,takes 1 ms.
        })
        .catch(function () {
        });
};

处理承诺：

选项1：在调用$q.all.then之前需要大约600毫秒.

映射-service.js：

var deferredResult = $q.defer();
var orgDetailsPromise = addOrganizationSpecificDetails(productInfoObjects);
var priceListPromise = addPriceListTypes(products,productErpIds);

$q.all([orgDetailsPromise,priceListPromise])
    .then(function () {
        deferredResult.resolve(productInfoObjects);
    }).catch(function () {
        deferredResult.reject();
    });

return deferredResult.promise;

Chrome devtools的性能：

选项2：在两个承诺解决之前需要大约250毫秒：

映射-service.js：

var deferredResult = $q.defer();
addOrganizationSpecificDetails(productInfoObjects)
    .then(function () {
        addPriceListTypes(productInfoObjects,productErpIds)
            .then(function () {
                deferredResult.resolve(productInfoObjects);
            })
            .catch(function () {
                deferredResult.reject();
            });
    })
    .catch(function () {
        deferredResult.reject();
    });

return deferredResult.promise;

Chrome devtools的性能：

选项1中的开销来自哪里？我错过了什么？我完全被这里难住了.如果您需要更多信息,请与我们联系.