js闭包的理解及例子

最新推荐文章于 2024-07-08 08:31:50 发布

QQ帝国

最新推荐文章于 2024-07-08 08:31:50 发布

阅读量501

点赞数

分类专栏： # 前端知识点总结 JavaScript

本文链接：https://blog.csdn.net/QQ_Empire/article/details/82831383

版权

JavaScript 同时被 2 个专栏收录

121 篇文章 2 订阅

订阅专栏

前端知识点总结

34 篇文章 0 订阅

订阅专栏

闭包概念：

1、闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

2、不必纠结到底怎样才算闭包，其实你写的每一个函数都算作闭包，即使是全局函数，你访问函数外部的全局变量时，就是闭包的体现。

闭包的特性：

1.函数内再嵌套函数
2.内部函数可以引用外层的参数和变量
3.参数和变量不会被垃圾回收机制回收

举例一：

控制台打印结果：

举例二：

//li节点的onclick事件都能正确的弹出当前被点击的li索引
 <body>
    <ul id="test">
        <li>这是第一条</li>
        <li>这是第二条</li>
        <li>这是第三条</li>
     </ul>
</body>

   <script>
       var lis=document.querySelectorAll('li');
            for (var i = 0; i < lis.length; i++) {
              var li = lis[i];
              li.onclick=(function(index){
                 return function(e){
                    alert(index);
                  };
            })(i);
        }
   
   
   </script>