胡扯JS系列-匿名函数的自动运行

函数有不少种，咱们就选择咱们不懂的函数开始学习！

JS中自动运行的匿名函数

在JavaScript中可使用匿名函数（在咱们学习Java的时候也有相似的概念，匿名实现类），在JavaScript中的函数也是一种对象，也是须要一块内存对其进行保存。若是想调用该函数，咱们只是须要找到这块内存便可，而后就能够执行。关键步骤以下：

• 将函数对象保存到一块内存当中
• 找到这块内存

一般咱们使用函数名来查找这块地址，不过经过函数名只是找到这块内存地址的一种工具而已。

function test01(){

    console.log("定义方式");
}
//函数的调用
test01();

var test02 = function () {
    console.log("变量方式");
}
//函数的调用
test02();
复制代码

上述的示例，咱们就是经过函数名找到了这块内存地址，在使用()进行函数的执行，也就是只要咱们能找到这块内存就能够去执行！

---

匿名函数，顾名思义就是没有名字的函数，其实在上面写的test02函数表达式中，咱们就建立了匿名函数，并将该函数赋值给了变量test02，用test02来进行函数的调用，调用方式就是在变量test02后面加入小括号，这是匿名函数的调用方式之一

还有一种匿名函数的调用规则以下：

• 第一步：使用function关键字定义一个函数

• 第二步：使用小括号将内容括起来

  关键步骤：这只是一种语法的要求，不然后面的执行语句没法被引擎正确的识别，若是这样将函数定义好，引擎就会为其分配一块内存保存

• 第三步：直接在后面加入小括号完成调用，能够放入参数

(function (x, y) {
    console.log(x+y);
})(2, 3);
//等价于代码
var test03 = function(x,y){
    console.log(x+y);
}(2,3);
复制代码

---

代码分析

var log=(function(){
    console.log("建立日志函数");
    return function(param){
        console.log(param);
    };
})();
log("www.baidu.com");
复制代码

这段代码属于一种比较经典的代码，这里建立了一个自动运行的匿名函数，不过其返回值仍然是一个匿名函数，也就是说函数自运行后返回的结果仍然是函数。把返回值的函数赋值给变量log，就可使用log变量来调用返回的函数了。

请注意上述代码中，咱们实际上是包含两块内存保存函数，自动运行的函数自己有一块内存来保存，当碰到后面表示执行的小括号后会自动运行，另外还有一块内存来保存所返回的函数，而返回的值实际上是这块内存地址，这样log变量就指向了这块保存函数的内存，所以可使用log来完成对函数的执行。

---

一些有趣的自运行函数的定义方式

// 下面2个括弧()都会当即执行 
(function () { /* code */ } ()) // 推荐使用这个 
(function () { /* code */ })() // 可是这个也是能够用的 
  
// 因为括弧()和JS的&&，异或，逗号等操做符是在函数表达式和函数声明上消除歧义的 
// 因此一旦解析器知道其中一个已是表达式了，其它的也都默认为表达式了 
var i = function () { return 10; } ();  
true && function () { /* code */ } ();  
0, function () { /* code */ } ();  
  
// 若是你不在乎返回值，或者不怕难以阅读
// 你甚至能够在function前面加一元操做符号 
!function () { /* code */ } ();  
~function () { /* code */ } ();  
-function () { /* code */ } ();  
+function () { /* code */ } ();  
  
// 还有一个状况，使用new关键字,也能够用，但我不肯定它的效率 
// http://twitter.com/kuvos/status/18209252090847232 
new function () { /* code */ }  
new function () { /* code */ } () // 若是须要传递参数，只须要加上括弧() 

void function(){  /* code */  }();  
复制代码