js中的匿名函数和匿名自执行函数

1.匿名函数的常见场景

js中的匿名函数是一种很常见的函数类型，比较常见的场景:

        <input type="button" value="点击" id="btn">  <script type="text/javascript">//匿名函数的第一种情形var btn=document.querySelector("#btn");btn.οnclick=function(){// alert("aaaaa");}//匿名函数的第二种情形setInterval(function(){// alert("bbbbb");}, 1000);//匿名函数的第三种情形var fun=function(){alert("ccccc");}// fun();//匿名函数的第四种情形var obj={name:"dddd",say:function(){alert(this.name);}}obj.say();</script>

上面展示的就是常见的匿名函数的使用场景。(注意:querySelector是H5中新增的查找dom元素的方法)

2.匿名自执行函数

见名思义，匿名自执行函数首先是一个匿名函数，但是这个函数是可以自己自动执行的，不需要借助其他的元素。

        <input type="button" value="点击" id="btn">  <script type="text/javascript">//1，匿名函数的第一种实现方式(function(data){// alert(data);})("eee");//2.匿名自执行函数的第二种实现方式(function(){// alert("fff");}());//3.匿名自执行函数的第三种实现方式!function(data){// alert(data);}("hhh");//4.匿名自执行函数的第四种实现方式var fun=function(data){alert(data);}("iii");

从上面的代码块中我们可以总结出实现匿名自执行函数的方法一般有四种。

3.匿名自执行函数的作用

1.匿名自执行函数最常见的作用是用于实现闭包的情况中。关于闭包的概念我会在后面的博客中详细介绍。这里简单说明一下闭包。闭包:闭包是js的一种特性，我们可以通过闭包实现函数内外部的连接，并且可以使得函数的局部变量始终存在于内存中。

2.匿名自执行函数还可以用于在js中模拟创建块级作用域，即如果使用匿名自执行函数将某些代码包裹起来可以实现块级作用域的效果，减少全局变量的数量，在匿名自执行函数执行结束后变量就会被内存释放掉，从而也会节省了内存。

4，匿名函数和匿名自执行函数总结

匿名函数可以简单理解为没有名字的函数，常见的场景一共就有4种。

匿名自执行函数可以简单理解为可以自己执行的匿名函数，实现匿名自执行函数的方式一共有4种。

匿名自执行函数的作用就是用于闭包和创建独立的命名空间两个方面。

js中的匿名函数和匿名自执行函数相关推荐

js中函数表达式和自执行函数表达式的用法总结
立即调用函数表达式给函数体加大括号,在有变量声明的情形下,没有任何区别但是,如果只是[自动执行]的情形下,就会不同因为,一个匿名函数,不赋值或函数体不加小括号,是不能自动执行的 //以下情形并无 ...
js最简单的几个特效_高阶函数不会用?教你JS中最实用的几个高阶函数用法
不废话,先来看下什么是高阶函数高阶函数函数可以作为参数传递函数可以作为返回值输出函数作为参数传递回调函数在ajax异步请求的过程中,回调函数使用的非常频繁在不确定请求返回的时间时,将ca ...
frameset嵌套多个html，在一个html的js中调用另一个html的变量和函数(导航栏更新个人图标)
毕业设计要做注册后更新性别后导航栏的个人图标也随之改变,在frameset中做的两个html互相调用函数怎么都是undefined,终于实验成功了. test1.html <!DOCTYPE h ...
vue.js中实现方法内某些代码延时执行
今天在工作时遇见了某些代码需要延时操作的情况.具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后,grid内数据能够及时更新以便显示增删改操作后的数据.这里的话使用 ...
JavaScript立即执行函数报错--立即执行函数原理分析
JavaScript立即执行函数报错 1.'()'在JavaScript环境中有提升运算符优先级和执行函数的作用如果直接在JavaScript环境中执行'()',环境会报出语法错误提示. 2.'()' ...
立即调用函数表达式（立即执行函数）
立即调用的匿名函又被称作是立即调用函数表达式(IIFE,Immemdiataely Inovked Function Expression);它类似函数声明,但由于被包含在括号中,所以会被解释为函数表 ...
汇编达人视频学习6（汇编眼中的函数、CALL指令执行函数、堆栈传参、堆栈平衡、外平栈、内平栈）
title: 汇编达人视频学习6 date: 2021年8月4日 15点15分 tags: 汇编达人 categories: 汇编达人 21.汇编眼中的函数 1.什么是函数函数就是一系列指令的集合, ...
Jquery自执行函数与普通自执行函数的区别
JS自执行函数: (function(){//这里为调用的其它代码 })(); Jquery立即执行函数: $(function(){//这里为要调用的其它代码 }) 区别:第一个为顺序执行,即如果要 ...
node.js中的字符串、对象和json处理函数
querystring.parse() 将字符串转成对象,就是把url上带的参数串转成数组对象. querystring.parse(str, [sep], [eq], [options]) 接收参数 ...
将一个4×4的矩阵转置，用一函数实现之。要求：（1）在主函数中用scanf函数输入矩阵元素。（2）将数组名作为函数实参，在执行函数的过程中实现矩阵转置，函数调用结束后在主函数中输出已转置的矩阵。
下标调换位置即可,多种实现方式