Question

我有一个自定义服务，它依赖于另一个服务，并且有一个外部api和一些内部函数。

angular.module('DashboardApp').factory('layerQueryer', layerQueryer); 

function layerQueryer($http, $q, overlayLayersConf) {
    layerQueryer.$inject = ['$http', '$q', 'overlayLayersConf'];

    function joinArrays(array1, array2, keya, keyb) {
            .....
    };

    function getLayerList() {
        var def = $q.defer();
        var Promise1 = dosomething();
        var Promise2 = dosomethingelse();
        var Promise3 = doanotherthing();
        $q.all([Promise1, Promise2, Promise3])
            .then(function (data) {
                def.resolve('xxxx');
            })
            .
        catch (function (error) {
            console.log(error);
        })
        return def.promise;
    };
    return {
        getLayerList: getLayerList,
    };
}

我对这个服务有两个问题 - 一个是在完成三个promise之后执行回调时我不再引用传递给我需要的服务构造函数的overlayLayersConf服务，而且我也没有引用当我需要在同一时间使用它时加入阵列。

我发现如果我将JoinArrays函数转换为变量并再生成两个函数并公开它们：

function getJoinArray(){
    return joinArrays;
}

// for some reason this seems to allow the scope to be kept during the promise callback...
function getOverlayLayers(){
    return overlayLayersConf;
}

return {
    getJoinArray:getJoinArray,
    getLayerList: getLayerList,
    getOverlayLayers: getOverlayLayers,
};

然后我可以获得对这些变量的引用。这看起来很直观，但同时也很奇怪。谁能告诉我这里发生了什么？

Answer 1

您在功能本身内部提供了$inject数组......这不是正确的做事方式。它应该在调用函数之前提供

function layerQueryer($http,$q,overlayLayersConf){
 ....
}
layerQueryer.$inject = ['$http','$q','overlayLayersConf'];

在完成三个承诺后，我不再引用传递给服务构造函数的overlayLayersConf服务

你怎么发现的？提供的任何代码都不使用overlayLayersConf。这意味着它不会被保存到闭包中，因此在调试器中overlayLayersConf将在所有子调用中未定义。

第一个代码段中的

joinArrays是一个私有函数。它只能从服务中的代码访问

角度服务中的可变范围

1 个答案: