什么是AngularJS的模块
我们所说的模块，是你的AngularJS应用程序的一个组成部分，它可以是一个Controller，也可以是一个Service服务，也可以是一个过滤器(Filter)，也可以是一个directive(指令)等等…都是属于一个模块！
大多数的应用程序都是有一个自己的函数入口方法Main ，用它来进行初始化，以及加载装配各个模块，然后这些模块的组合，构成了你的应用程序，对吧？
但是，but， AngularJS应用程序却不是这样的哦，它没有main 方法，没有函数入口。代替之的是在模块中指定声明这个模块在AngularJS应用程序中该如何去加载，启动。
这种方法有以下几个优点：
1) 使用声明的方式，让人更加容易理解。
2) 你可以更加容易的让你的代码进行重用。
3) 模块的加载顺序就更加容易控制了。因为这些模块是延迟执行的。
4) 对于进行单元测试就变得更加的方便了。更加可靠，你只需要载入这个模块就可以进行测试了。
5) 端对端的测试中，你可以使用模块去重写配置。
在AngularJS中module是一个核心的存在，包括了很多方面，比如controller, config, service, factory, directive, constant, 等等。
在Javascript中如何实现类似module的功能呢？
或者说，我们定义一个函数，如何把函数内的函数向外界开放呢？
我想，可以把函数中的函数作为一个对象的键值，从而向外界开放。
这样说很笼统，其实是这样的：
var myModule = function outerFuction(){
var method1 = new function(){}
var method2 = new function(){}
return{
method1: method1,
method2, method2
}
}
var o = outerFucntion();
o.method1();
o.mehtod2();
举个银行存钱取钱的例子。
var account = function(){
//余额
var balance = 0;
//存钱
var deposit = function(money){
balance+=money;
console.log("卡上余额为： " + balance);
notifyUser();
}
//取钱
var withdraw = function(money){
balance -= money;
console.log("卡上余额为： " + balance)
notifyUser();
}
//通知用户
var notifyUser = function(){
console.log("卡上余额有变动");
}
return {
deposit:deposit,
withdraw: withdraw
}
}
var a1 = account();
a1.deposit(100);
a1.withdraw(50);
再来到AngularJS，我们已经习惯了这样写：
var app = angular.module('app',[]);
app.config();
app.controller();
app.factory();
...
也就是获取到module,再调用module提供给我们的方法。
查看angular.js源代码，发现：
angular = window.angular || (window.angular = {} )
这是为什么我们能使用angular这个变量的原因。
...
var moduleInstace = {
provider: invokeLater('$provide','provider'),
factory: invokeLater('$provider', 'factory'),
service: invokeLater('$provider', 'service'),
value: invokeLater('$provide', 'value'),
constant: invokeLater('$provider', 'constant'...),
animation: invokeLater('$animateProvider',...),
filter: invokeLater('$filterProvider',...),
controller: invokeLater('$controllerProvider',...),
directive: invokeLater('$compileProvider',...),
config: config,
}
return moduleInstance;
...
以上的写法正是module的写法。
PS：angular.module('MyApp',[...])和angular.module('MyApp')之间有一个很小但是却很重要的不同点
angular.module('MyApp',[...])会创建一个新的Angular模块，然后把方括号（[...]）中的依赖列表加载进来；而angular.module('MyApp')会使用由第一个调用定义的现有的模块。
所以，对于以下代码，你需要保证在整个应用中只会使用一次：
angular.module('MyApp', [...]) //如果你的应用是模块化的，这里可能是MyModule
如果你不打算把模块的引用存到一个变量中，然后在整个应用中通过这个变量来引用模块，那么，在其他文件中使用angular.module(MyApp)的方式可以保证得到正确的AngularJS模块引用。模块上的所有东西都必须通过访问这个模块引用来定义，或者在模块定义的地方把那些必备的内容添加上去。
angularjs_module
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。