关于 javascript 匿名自执行函数

• js的立即执行函数，在创建后立即执行：
  两种写法：
  1-( functon(){ } ) (参数项) 在外
  1-( functon(){ } (参数项) ) 在内

---

通常我们声明一个函数有以下几种方式：
1.声明函数f1

function f1() {
 console.log("f1");
}
// 通过()来调用此函数
f1();

2.一个匿名函数的函数表达式，被赋值给变量f2:

var f2 = function() {
 console.log("f2");
}
//通过()来调用此函数
f2();

3.一个命名为f3的函数的函数表达式(这里的函数名可以随意命名，可以不必和变量f3重名)，被赋值给变量f3

var f3 = function f33() {
 console.log("f3");
}
//通过()来调用此函数

• 如果你看过一些自定义控件的话你会发现他们大多数都是沿用这种写法：

(function() {
 // 这里开始写功能需求
 })(); 

.

---

这是我们常说的立即执行函数(IIFE)，顾名思义，也就是说这个函数是立即执行函数体的，不需要你额外去主动的去调用，一般情况下我们只对匿名函数使用IIFE，这么做有两个目的：

1- 是不必为函数命名，避免了污染全局变量

2-是IIFE内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量。

---

重点来了：

-从IIFE的运行原理说起。因为IIFE通常用于匿名函数，这里就用简单的匿名函数作为栗子：

var f=function( ){
 };
f() ;

这里的 f( ) 可以调用函数，如果我们直接把 f( ) 换成函数本身，可以实现立即调用么？

function (){
  consle.log('ok')
}()

结果： Uncaught SyntaxError: Unexpected token (

产生这个错误的原因是，Javascript引擎看到function关键字之后，认为后面跟的是函数声明语句，不应该以圆括号结尾。解决方法就是让引擎知道，圆括号前面的部分不是函数定义语句，而是一个表达式，可以对此进行运算，这里区分一下函数声明和函数表达式：
1-函数声明（一般我们都是 function(){ } 来声明函数）

function myfun(){
   alert("ok")
}

2-函数表达式(类似以这种的形式)

var myFunction = function () { /* logic here */ };
var myObj = {
 myFunction: function () { /* logic here */ }
};

小学我们就学过用()括起来的表达式会先执行，就像下面这样：

• 1+(2+3) //这里先运行小括号里面的内容

• 其实在javascript中小括号也有相似的作用，Javascript引擎看到function关键字会认为是函数声明语句，那么如果Javascript引擎优先看到小括号会怎么样：
  用小括号把函数包裹起来

(function(){
  console.log("f");  
})();

函数成功执行了：f //控制台输出