函数声明:function box(){}
函数表达式:var box = function(){};
匿名函数:function(){} (属于函数表达式)
1声明了一个函数: var box= function(){};
2事件处理程序: box.addEventListener(“click”,function(){});
自执行函数:
1能够将匿名函数与调用的()为一个整体,官方推荐使用;
(function () {
console.log("自执行");
}())
//自执行
2无法表明函数与之后的()的整体性,不推荐使用。
(function () {
console.log("自执行");
})()
//自执行
3使用!开头,结构清晰,不容易混乱,推荐使用;
!function () {
console.log("自执行");
}()
//自执行
作用
简述:开发中容易覆盖全局变量,(function(){…}())内部定义的变量不会和外部的变量发生冲突
详述:javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉
而( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。
JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。
应用
setTimeout定时循环
var t;
!function(){
forever()
}()
function forever() {
console.log('hi~');
t = setTimeout(forever, 1000);
}