AngularJS —— 使用 ngResource、RESTful APIs 和 Spring MVC 框架提交数据
我的第一个观点 : 模块模式是很有用的我需要为此做出解释，为了要向你展示为什么 JavaScript 的模块模式是很有用的. 我得想你展示 JavaScript 的模块模式，那样我就可以告诉你它是如何在AngularJS中被使用或实现的了.
模块模式：封装如此，实际就是，模块模式基本上就是封装了. 封装听起来很熟悉，如果你有点面向对象编程经历的话 -- 而我也希望你能有点这个经验. 封装是面向对象编程的三原则之一。封装的另外一个说法就是数据隐藏。在经典的面向对象编程中——它不同于JavaScript所依赖的原型化OOP -- 数据隐藏是构建一个类模板的内在组成部分.
例如在 C#中， Animal 类的封装 -- 隐藏数据 -- 特定的值被关联到Animal对象. 那样，如果某人决定变更那些值，他或他必须明确的通过初始化一个Animal对象并设置这个对象的值来达到目的. 在JavaScript中，我们则可以随意的在全局窗口对象中设置值.
public class Animal
{
// constructor allows user to set the commonName public animal(string name)
{
this.commonName = name;
}
// making commonName private hides (encapsulates) it in the class private string commonName;
//explicitly exposing the value for reading only public string CommonName get { return this.commonName }
}
在JavaScript中，模块已经被创建用来模拟这种封装行为了，如此我们就不会去将我们的变量组织到一个全局的命名空间中，并造成了隐藏很深的难以被发现和修复的问题.
现在你知道为什么了，让我们来看看如何会是这样的.
函数被立即调用的表达式(IIFE)看上去就好像每次我们向前推进一步，我们都要走点旁门左道. 因为要获得能让我们创建模块模式的JavaScript语法，我们就得去了解一种叫做函数被立即调用的表达式语法，也叫做IIFE ( IIFE 发音是 "iffy").
最基础的 IIFE 看起来像这样:
(function(){
// lines // of // code }());
如果你从来没有看到过像这样的东西，那你就有点说不过去了.
立即被���用首先，这个名称的第一部分叫做立即被调用的原因是，一般包含这个特殊函数的源文件被加载好了，那么包含在这个函数中的代码就会运行.
对IIFE语法更加仔细的观察你可以看到这个语法的最中心是一个函数。看一下这个代码块，我已经将代码分段并将一些行标上了号，如此我们就可以探讨它了.
( // 1. function() //2. { // 3. // 一行一行 // 的 // 代码 }() // 4. ); // 5.
首先，看看上面脚本的第2行。这一行通常看来就是一个匿名（也就是没有命名）的函数声明. 而后，第3一直到第4则是这个函数的主题部分。最后，第4行最后以一对括弧结束，这对 括弧会告诉JavaScript解释器去调用这个函数。最终, 所有这些都会被包在一个不归属任何部分的括弧（第1和第5行）中, 而这对括弧会告诉解释器要调用这个外部的匿名函数，它包含了我们所定义的函数.
IIFE 可以带上参数
这段奇怪的语法会在带上参数之后，看起来会更加的奇怪. 它看起来会像是下面这样
(function(thing1, thing2){
// lines // of // code }("in string", 382));
现在，你可以看到这个函数可以带上两个会被内部的函数引用的thing1, thing2参数. 被传入值，在示例中是 "in string" 和 382.
现在我们理解了IIFE语法，让我们来创建另外一个代码示例，我们将运行这段代码来看看封装是如何运作的.
(function(){
var isDoingWork = false;
console.log("isDoingWork value : " + isDoingWork);
}());
自己动手看看为了看看是怎么运行的，你可以做下面这几步:
下载本文的源代码.
在你的浏览器中打开 modulePattern3.htm.
打开浏览器的开发工具 -- F12(Chrome, IE) 或者 Ctrl-Shift-I (Opera) -- (这样你就可以看到控制台了)
你可以看到很像下面这样图片中所展示出来的东西
当方法被调用时 -- 这会在代码被JavaScript解释器加载支护立即发生 -- 而后函数会创建 isDoingWork 变量，并调用console.log()来在控制台输出这个变量的值.
现在，让我们使用开发工具中的控制台来试试我们之前所尝试过的步骤:
输入: isDoingWork然后回车<ENTER>