javascript - 将 Angular 服务与 es6 模块一起使用是否有意义？

Question

当我们使用 ES6 模块时，使用 Angular-services 有意义吗？例如，我们的代码中需要一个单例模块(userService)，我们可以这样做:

var app = angular.module('app', []);

app.service('userService', function(){
    this.users = ['John', 'James', 'Jake'];
});

app.controller('FooController', ['$scope', 'userService', function($scope, userService){

    console.log(userService);

}]);

但是我们可以在单独的文件中定义服务:

/* ./user-service.js */
export default users = ['John', 'James', 'Jake'];

，然后编写如下代码:

var app = angular.module('app', []);

var userService = require('./user-service')    

app.controller('FooController', ['$scope', function($scope){

    console.log(userService);

}]);

结果将与使用的服务完全相同。那么当我们可以使用模块时为什么还要使用 Angular 服务呢？

Answer 1

是的!这很有道理。

服务在您的应用程序中承担特定的职责，在数据存储和 View 之间移动数据。

模块允许您组织代码和具有不同职责的单独部分。

通过将每个服务放入一个模块中，您可以更轻松地浏览和测试代码。很容易找到实现职责的所有代码。