JavaScript闭包(closure)

    xiaoxiao2022-06-22  17

    前言

        看到closure后,一开始感觉很高大上,更多的是想去了解它的应用场合。

    内容

    定义部分

        指有权访问另一个函数作用域中的变量的函数,创建闭包的方法就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量。

    特点

        1、函数结构体为嵌套函数;

        2、函数内部可以引用外部的参数和变量;

        3、参数和变量不会被GC回收;

        4、常驻内存,增大内存使用量,使用不当很容易造成内存泄露;

    普通闭包

     

    <script> function test(){ var a=1; //匿名函数 return function(){ alert(a++); }; }; var fun=test();//JavaScript变量和函数转换, fun();// this result is 1; fun();// this result is 2; //由于闭包会使变量始终保存在内存中,如果不当使用会增大内存消耗,手动释放内存; fun = null;//变量a被GC回收 </script><span style="color:#0D0D0D;background:white"></span>

    注意:将写好的闭包函数返回值赋值为另一个变量,方便调用,如果直接调用闭包函数,有时候会调用不成功(自己亲测)。

        从上面的例子可以看出,由于闭包中的参数和变量不会被垃圾回收机制回收,变量值为最后一次运行变量值。相当于变量a只被初始化了一次,有点静态变量循环取值有点类似,如下:

    <span style="font-family:KaiTi_GB2312;font-size:18px;">//变量被关键字static修饰 for (int i=0;i<10;i++) { static int a=1; a++ console.write(a); }</span>

        输出结果为:0,1,2,3,4,5,6,7,8,9

        此处有静态变量关键字static修饰变量的时候,只初始化一次。

    平时我们在写JavaScript函数的时候,当变量a为全局变量进行累加时: <span style="font-family:KaiTi_GB2312;font-size:18px;">//实现全局变量累加 <script> var a=1; function test(){ a++; alert(a); } test();//this result is 2 test();//this result is 3 test();//this result is 4 </script></span> 当a为局部变量时: <span style="font-family:KaiTi_GB2312;font-size:18px;">//当a变为局部变量 <script> function test(){ var a=1; a++; alert(a); } test();//this result is 2 test();//this result is 2 </script></span> 利用闭包实现局部变量累加: <span style="font-family:KaiTi_GB2312;font-size:18px;"><script> function test(){ var x=10; //匿名函数 return function(){ x++; alert(x); } } test();//this result is 11 test();//this result is 12 </script></span> 私有成员存在的闭包: <span style="font-family:KaiTi_GB2312;font-size:18px;">//私有成员的存在 <script> var test=(function(){ var a=1; function bbb(){ a++; alert(a); } function ccc(){ a++; alert(a); } return{ b:bbb, //返回结果为JSON(键值对)结构 c:ccc } })(); test.b();//this result is 2 test.c();//this result is 3 </script></span>

    小结

    上面那样使用的好处:

        1、采用匿名函数,防止造成全局变量污染;

        2、利用闭包,实现了一个变量长期驻扎在内存中;

        3、私有成员的存在

    感谢您的宝贵时间······

    转载请注明原文地址: https://ju.6miu.com/read-1122964.html

    最新回复(0)