JavaScript 匿名函数自调

我们知道一个HTML文件在被加载的时候是从根标签html依次往下的，在遇到link，script等标签引入的外部资源时，下载外部资源，并执行外部资源。在js中，表达式会被立即执行，也就是说，不管是引入的外部js文件还是嵌入在html文件中的js脚本，其中的表达式都会被立即执行。
函数名是一个指向函数的指针。在JavaScript中，定义函数有常见的两种形式：函数声明和函数直接量（或者叫函数表达式）。
函数声明：采用function定义声明函数的标准写法，包括function，函数名，函数体。如

function sum(x,y){  
    alert(x+y);  
}

函数表达式：定义一个匿名函数，并赋值给一个变量。如

var ss = function(x,y){  
    alert(x+y);  
}; 

函数表达式有多种形式，后面会一一介绍。
关于函数声明，它最重要的一个特征就是函数声明提升，意思是执行代码之前先读取函数声明。这意味着可以把函数声明放在调用它的语句之后。例

sun（1,2）;    //3
function sum(x,y){  
    alert(x+y);  
}

而函数表达式在编译的时候不会被提前，如下调用函数将会报错

ss(1,2);    //报错，函数未定义
var ss = function(x,y){  
    alert(x+y);  
};

介绍了函数的定义以及JavaScript的编译规则，下面正式说一下匿名函数自调用。当我们给匿名函数外面加上一层（）的时候，匿名函数就变成了函数表达式，在JavaScript编译的时候就会被立即执行。如

(function(x,y){  
    alert(x+y);  
})(1,2);   //3

除了用（）把匿名函数包起来之外，后面还需要再跟一个（），可以通过此（）给匿名函数传参。
变形写法：

(function(x,y){  
    alert(x+y);  
}(1,2));   //3（括号在里面）

匿名函数自调用的写法有很多，下面列举常见的几种写法
1、匿名函数前加 void

void function(x) {
      x = x-1;
      alert(x);
}(9);    //8

2、匿名函数前加 !

!function () { 
    x = x-1;
    alert(x);
 }(9);   //8

3、匿名函数前加 +/-运算符

-function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

+function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

--function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

++function(x,y){
    alert(x+y);
    return x+y;
}(3,4);

运算符不起运算作用，只是为了把匿名函数变成一个表达式
4、匿名函数前加波浪符（~）

~function(x, y) {
    alert(x+y);
   return x+y;
}(3, 4);

5、匿名函数执行放在中括号内

[function(){
   console.log(this) // 浏览器得控制台输出window
}(this)];

6、匿名函数前加new ，typeof ，delete等

new function(win){
   console.log(win) // window
}(this);

typeof function(){
   console.log(this) // 浏览器得控制台输出window
}(this);

delete function(){
   console.log(this) // 浏览器得控制台输出window
}(this);

只要记住一点，匿名函数前面加的任何运算符、操作符都不起运算和操作作用，而只是为了把匿名函数包装成一个表达式执行！！！