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种。

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

————————————————

版权声明:本文为CSDN博主「考拉的墨尔本」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/yaojxing/article/details/72784774

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容