一、代码模块化

定义
模块化就是把一个复杂的代码段拆分成若干个小片段（模块），使实现不同功能的代码区分开，然后就可以在其他模块中调用这些模块了。
模块化缺点

缺点：声明的全局变量会相互影响。
思考：我们需要使用局部变量，但 ES 5 中只有函数有局部变量。
加花括号是不可以的，因为变量提升会把它提升到前面，还是全局变量。
将变量声明在匿名函数里（函数名也是全局变量）并立即执行，Chrome 会报错。
解决方法：
（1）函数前面加 !：

!function(){}.call()

我们不在乎这个匿名函数的返回值，所以加个 ! 取反没关系。
（2）函数体外面加 ()：

(function(){}).call()

不推荐这种写法，容易当成前一句代码的调用而出 bug。
（3）函数名用随机数，不推荐。

function jdhfu8477r67(){}.call()

实现两个模块之间交流：

// 第一个模块
!function(){
  var person = window.person = {
    name: 'gang',
    age: '18'
  }
}.call()
// 第二个模块
!function(){
  var person = window.person
}.call()

使一个模块的局部变量 person 和全局变量 window.person 不同的变量存相同的地址，第二个模块来调用这个 window.person 就可以了。

闭包的应用
一个函数用了它函数体外的变量，这个函数+变量就叫做闭包。
闭包应放在立即执行函数里。
闭包的作用是隐藏细节，控制间接访问变量。

var accessor = function(){
  var person = window.person = {
    name: 'gang',
    age: '18'
  }
  return function(){
    person.gae += 1
    return person.age
  }
}

var growUp = accessor.call()
growUp.call()

由以上代码可以看出：
立即执行函数使得 person 无法被外部访问；
闭包使得匿名函数可以操作 person；
外部任何地方都可以使用匿名函数操作 person，但是不能直接访问 person。