js 自函数

函数基本概念：

函数声明：function box(){}

函数表达式：var box = function(){};

匿名函数：function(){} 属于函数表达式

　　　　匿名函数的作用：如果将匿名函数赋值给一个变量，则声明了一个函数： var box= function(){};

　　　　　　　　　　　　如果将匿名函数赋予一个事件则成为事件处理程序： box.addEventListener("click",function(){alert("aaa")});

　　　　　　　　　　　　创建闭包：(function(){})()

函数定义的三种方法：

　　var box = function(){};

　　function box(){}

　　var box = new Function();

函数声明和函数表达式的不同：

　　js在进行预解析时函数声明会提升，而函数表达式必须js顺序执行到此函数代码时才会逐行解析

　　函数表达式后面加括号可以立即执行函数，函数声明不可以，只能以fnName()的方式调用才行

　　实例：

 box();
function box(){
  alert("aaa"); 
}<br>//正常，因为js在解析阶段函数声明会被提升到最前面，所以函数声明可以在函数执行后面<br>//实际顺序<br>//function box(){<br>　　alert("aaa");<br>}<br>//box();<br><br>box();<br>var box = function(){<br>　　alert("aaa");<br>}<br>//报错，实际上的顺序是<br>//var box = undefined;<br>//box();<br>//box = function(){<br>　　alert("aaa");<br>}<br>//所以当执行到box()时，此时box不是一个函数<br><br>var box = function(){<br>　　alert("aaa");<br>}()<br>//正确 函数表达式后面加括号，当执行到后面的括号时js会自动执行此函数<br><br>function box(){<br>　　alert("aaa");<br>}()<br>//不会报错，但是只会解析函数声明，忽略后面的括号，不会自执行<br><br>function(){<br>　　alert("aaa")<br>}()<br>//语法错误<br>//虽然匿名函数属于函数表达式，但未进行赋值给一个变量<br>//当js解析到function时，将其看成函数声明，报错，需要一个函数函数名

　函数自执行

 (function(a){
  alert(a); 
})("123")
//"123" 使用()运算符
(function(a){
  alert(a); 
}("123"))
//"123" 使用()运算符
!function(a){
  alert(a);
}("123")
//"123" 使用!运算符<br><br>+function(a){<br>　　alert(a);<br>}("123")<br>//"123" 使用+运算符<br><br>-function (a){<br>　　alert(a);<br>}("123")<br>//"123" 使用-运算符<br><br>var fn= function(a){<br>　　alert(a);<br>}("123")<br>//"123" 使用=运算符