闭包的原理

Posted 2022-12-06 ~往无前

关于什么是闭包，我想很多人都是知其然，不知其所以然，下面我将彻底解释这个闭包这个东西，以及用它要解决的问题。

先扫一眼下面的代码，相信有点基础的都能看懂是什么意思。这个就是平时我们在解释闭包时经常用到的例子。

  <script>
        var ul=document.getElementById("ul");
        
        //当使用var变量定义，实现点击事件
        for(var i=0;i<ul.length;i++)
            ul[i].onclick=function()
                console.log('我是'+i);//结果是不管点击哪个按钮最后的值都是ul.length的值
            
        

        //es5使用闭包解决
        for(var i=0;i<ul.length;i++)
            //每次都会创建这样一组，因为内部函数调用了外部的变量，所以不会在定义完毕之后销毁
            (function(j)
                ul[i].onclick=function()
                    conosle.log('我是'+i);
                

            )(i)
        

        //es6解决方法：使用let  每次形成的变量都存在于for形成的块级作用域中
        for(let i=0;i<ul.length;i++)
            ul[i].onclick=function()
                console.log("我是"+i);
            
        


    </script>

接下来这个最牛的，请大家认真看图还有我在旁边的注释：

其实函数的执行都是放在栈当中的，不管是我们这里的用的闭包还是说以后会遇到的函数递归，牢记他们都是在栈中的执行的。

如果你不知道什么是堆栈，这里我就简单的解释一句：
堆栈其实就是计算机内部存储器上存储数据的一片空间，但是这片空间有个特点就是“后进先出”，也就是后面进来的数据先出，先进来的后出，结合函数递归你就能理解了，这是我们常用的一种数据结构。