js闭包的理解及例子

版权声明：非经本人同意，请勿转载。 https://blog.csdn.net/QQ_Empire/article/details/82831383

闭包概念：

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

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

---

闭包的特性：

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

---

举例一：

控制台打印结果：

---

 举例二：

//li节点的onclick事件都能正确的弹出当前被点击的li索引
 <ul id="testUL">
    <li> index = 0</li>
    <li> index = 1</li>
    <li> index = 2</li>
    <li> index = 3</li>
</ul>
<script type="text/javascript">
    var nodes = document.getElementsByTagName("li");

    for(i = 0;i<nodes.length;i++){
        
        (function(i){
            
            nodes[i].onclick = function(){

            console.log(i)   //不用闭包的话，值每次都是3
           
            }
       })(i);
    }
</script>