闭包的相关知识及其代码分享

1.简单原理

闭包是间接性的扩大了变量的使用范围,内部函数可以访问外部函数的变量;

简单原理代码实例:
function fn() {
            var a = 1;
            return function fun() {
                console.log(a)
            }
        }
        var f = fn();
        f();
经典案例应用
<body>
    <!-- 需求:点击第几个li,打印出对应的索引 -->
    <ul>
        <li>第1个li</li>
        <li>第2个li</li>
        <li>第3个li</li>
        <li>第4个li</li>
    </ul>
    <script>
        var lis = document.querySelector('ul').querySelectorAll('li')
        for (var i = 0; i < lis.length; i++) {
            (function(i) {
                lis[i].onclick = function() {
                    console.log(i)
                }
            })(i)
        }
    </script>
</body>

 

 
posted @ 2020-07-13 11:51  流弊的小涛  阅读(138)  评论(0)    收藏  举报