立即执行函数和闭包的使用

发表于 | 分类于

立即执行函数的作用和使用

  1. 我们不想要全局变量
  2. 我们要使用局部变量
  3. ES 5 里面，只有函数有局部变量
  4. 于是我们声明一个 function xxx，然后 xxx.call()
  5. 这个时候 xxx 是全局变量（全局函数）
  6. 所以我们不能给这个函数名字
  7. function(){}.call()
  8. 但是这样写 Chrome 会报错，语法错误
  9. 试出来一种方法可以不报错:
1
2
3
4
5
6
7
8
!function(){}.call()  //我们不在乎这个匿名函数的返回值，所以加个 ! 取反没关系

(function(){}).call() //不推荐，原因如下

xxx    
(function(){}).call() //报错

allen12415145141556.call() //用随机数，不推荐

立即执行函数的好处

  1. 函数不必再另外命名，避免了污染全局，不会在复杂页面协作中造成错乱；

  2. 实现一个作用域隔离，封装外部无法读取的私有变量

  3. 避免命名冲突，符合js语法规则，并立刻执行。

结合闭包的使用

  1. 立即执行函数使得 变量person 无法被外部访问
  2. 闭包使得匿名函数可以操作 变量person
  3. window.GrowUp 保存了匿名函数的地址
  4. 任何地方都可以使用 window.GrowUp
    => 任何地方都可以使用 window.GrowUp 操作 person，但是不能直接访问 person
1
2
3
4
5
6
!function(){
    var person = xxx
    window.GrowUp(){
        xxxxx
    }
}.call()