匿名函数
没有名字的函数
区别
普通函数:有函数名,调用需要使用函数名
匿名函数:没有函数名,无法通过函数名调用
作用
可以有效保证在页面写入js时,不会造成全局变量的污染,就是可以有效的隔离作用域
通常我们希望这个函数只执行一次就结束的时候,使用匿名函数的自调用
调用方式
1.绑定给一个变量或一个事件,通过他们来调用
2.自调用 ( )( )
第一个小括号里面存放函数的定义
第二个小括号代表调用函数,里面存放实参
方法一
代码:官方推荐
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200131125452572.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hCRl9fY2c=,size_16,color_FFFFFF,t_70)
显示效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200131125503274.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hCRl9fY2c=,size_16,color_FFFFFF,t_70)
方法二
代码:该方法极易与前面的函数冲突,会疯狂调用前面的匿名函数
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020013111375924.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hCRl9fY2c=,size_16,color_FFFFFF,t_70)
显示效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200131113808438.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hCRl9fY2c=,size_16,color_FFFFFF,t_70)
匿名函数和闭包结合
代码:
显示效果:点击第几个,输出几
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200131131311805.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hCRl9fY2c=,size_16,color_FFFFFF,t_70)