Javascript 为什么两个不同的模块在作为依赖添加到第三个模块时可以相互访问？
我的AngularJS应用程序中有3个模块，例如Javascript 为什么两个不同的模块在作为依赖添加到第三个模块时可以相互访问？,javascript,angularjs,module,mean,Javascript,Angularjs,Module,Mean,我的AngularJS应用程序中有3个模块，例如main、home和产品main模块具有home和product模块作为依赖项（ng.module（'main'，['home'，['product']）），而home和product模块没有任何依赖项（ng.module（'product'，[]）ng.module（'phome'，[]）），仍然产品模块可以访问主页模块服务吗？为什么 下面是我的应用程序的示例代码，它具有相同的场景和相同的问题。这是我的 {{mainController.nam
mainhome产品mainhomeproductng.module（'main'，['home'，['product']）homeproductng.module（'product'，[]）ng.module（'phome'，[]）产品主页
{{mainController.name}
（功能（ng）{
var homeModule=ng.module（'home'，[]）；
homeModule.service（“HomeService”，[功能（）{
var homeService=this；
homeService.getName=函数（）{
返回“家庭服务”；
}
}]);
var productModule=ng.module（'product'，[]）；
productModule.service（“ProductService”、[“HomeService”、函数（HomeService）{
var productService=this；
productService.getName=函数（）{
返回“产品服务-”+HomeService.getName（）；
};
}]);
var mainModule=ng.module（'main'，['home'，'product']）；
mainModule.controller（“MainController”、['ProductService'，函数（ProductService）{
var mainController=this；
mainController.name=ProductService.getName（）；
}]);
})（角度）；
AlertController模块上定义的所有内容都是公共的。之所以有效，是因为
homemainmain产品服务产品mainhome主页产品主页产品服务这是因为家庭服务被定义为一个全局变量，可以从应用程序中的任何位置访问。尝试阅读更多信息。这太可怕了。幸运的是，经过1.5年的努力，我还没有遇到这个问题。我似乎还记得这个问题的
NameCtrlNameControllerNameCtrl<!DOCTYPE html>
<html ng-app="main">
<body ng-controller="MainController as mainController">
{{mainController.name}}
<script type="application/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
(function (ng) {
var homeModule = ng.module('home', []);
homeModule.service("HomeService", [function () {
var homeService = this;
homeService.getName = function () {
return "Home Service";
}
}]);
var productModule = ng.module('product', []);
productModule.service("ProductService", ["HomeService", function (HomeService) {
var productService = this;
productService.getName = function () {
return "Product Service - " + HomeService.getName();
};
}]);
var mainModule = ng.module('main', ['home', 'product']);
mainModule.controller("MainController", ['ProductService', function (ProductService) {
var mainController = this;
mainController.name = ProductService.getName();
}]);
})(angular);
</script>
</body>
</html>