javascript - 何时使用自动函数执行

Question

对于下面的代码，我知道它是一个自动执行函数的代码(我看到它被用于JQuery)。

var f = function() {

  // function body code
  // ...
  // ...

}();

我想了解的是它的用法。

1. 在哪些情况下我们更愿意使用上述语法？

2. 我们使用上述语法有什么优势/好处？

Answer 1

“立即调用函数表达式”是它的正确名称。而且它的用法很多，基本上它会紧紧包裹 scope 并且不允许外部范围访问它的 variable 除非我们有意这样做。

并且您可以使用它构建单例模式。单例模式的一个用途是修改数据封装。像 setters 和 getters。

可能的使用情况:

<script src="someLibrary.js"></script> //And it uses a global variable called x
<script>
  var x = 10; //Now at this situation, 
              //the x belongs to someLibrary will be overridden here.
</script>

所以为了避免这样的冲突，我们可以使用IIFE，

<script>
  (function(){
    var x = 10; 
    .
    .
    //Other codes goes here.
  })();
</script>