解析一个函数并使用它的副作用在服务中记录数据

Question

我正在使用ui-router 制作网页。在我们进入控制器之前，我想要做一些操作： 1）在服务器中创建一个临时文件夹并写入一些文件； 2）记录文件夹的名称和一些其他数据。所以很自然地我选择使用resolve。

.state('panels', {
    controller: 'PanelsCtrl',
    resolve: {
        init: ['codeService', function (codeService) {
            return codeService.init()
        }]
    },
    ...
});

app.service('codeService', ['$http', function ($http) {
    var srcP = "default" // private variable
    this.getSrcP = function () { return srcP };

    this.init = function () {
        return $http.post("/writeFiles", ...) // write files in a temporary folder of the server
            .then(function (res) {
                srcP = res.data;
                return srcP
            }
    }
};

app.controller('PanelsCtrl', ['$scope', 'codeService', 'init', function($scope, codeService, init) {
    $scope.src = codeService.getSrcP();
    ...
}

上面的代码有效。但是，我觉得奇怪 1）我解析的是异步函数（即init）而不是数据（人们通常会解析）； 2) 我使用init 的副作用来记录数据（即srcP）在服务中。

看来，与解析数据相比，我们记录的数据越多，就越容易，我们只需要拥有更多的私有变量，并在服务中产生更多的副作用。

有谁知道我的做法是不好/常见/好的做法？另外，为什么resolve: {...}中的codeService和codeService注入PanelsCtrl共享相同的私有变量？

Answer 1

我认为理论上没有什么问题会导致解决的副作用，这就是它的用途。以 Restangular 为例。你在解析中不断调用资源，缓存由 Restangular 处理，这基本上是一个副作用。

但是，我发现服务器端方法存在一些问题。在服务器上存储文件通常是一个坏主意（考虑扩展/损害基础设施的不变性）。所以我宁愿为此使用数据库，您可以将您的文件夹抽象转换为数据库资源。

Answer 2

如果您清理服务并且不解决其中的承诺，我认为这是一种更好的方法。
你可以让UI-ROUTER来解析promise并将结果数据注入到控制器中...

.state('panels', {
    controller: 'PanelsCtrl',
    resolve: {
        init: ['codeService', function (codeService) {
            return codeService.init()
        }]
    }
});

app.service('codeService', ['$http', function ($http) {
    this.init = function () {
        return $http.post("/writeFiles");
    }
};

app.controller('PanelsCtrl', ['$scope', 'init', function($scope, init) {
    $scope.src = init; //init is the resolved data of codeService...
}

我刚刚做了一个例子。 Check this jsFiddle.