前端——函数（匿名函数、自执行函数）

前端——函数（匿名函数、自执行函数）

FreshLemon_

于 2019-06-11 17:11:49 发布

函数声明：function box(){}

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

匿名函数：function(){} （属于函数表达式）
 1声明了一个函数： var box= function(){};
 2事件处理程序： box.addEventListener(“click”,function(){});

自执行函数：
 1能够将匿名函数与调用的()为一个整体，官方推荐使用；

(function () {
    console.log("自执行");
}()) 
//自执行
1
2
3
4
 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);
}
————————————————
版权声明：本文为CSDN博主「FreshLemon_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/FreshLemon_/article/details/91449250