闭包的相关问题

1.闭包的概念：函数和作用域的结合。

一个内部函数引用了外部函数的变量，外部函数形成了一个闭包。

function(){
var i=0
function(){
console.log(i)
}

2.案例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>闭包</title>


</head>

<body>
    <ul>
        <li>第1个li</li>
        <li>第2个li</li>
        <li>第3个li</li>
        <li>第4个li</li>
        <li>第5个li</li>
        <li>第6个li</li>
    </ul>


    <!-- <script>
     var lis=document.getElementsByTagName('li');
     for(var i=0;i<lis.length;i++){
         lis[i].onclick=function(){
// onclick 绑定的函数， 传参数 关键字this 点击后直接获取本点击对象
             console.log(this.innerText)
         }
     }
     </script> -->

    <!-- 错误的代码，lis[i]为undefined -->
    <!-- <script>
          var lis=document.getElementsByTagName('li');
     for(var i=0;i<lis.length;i++){
         lis[i].onclick=function(){
             console.log(lis[i].innerText)
         }
     }
     </script> -->

    <!-- 用自调用函数包裹，形成了一个闭包 -->
    <script>
        var lis = document.getElementsByTagName('li');
        for (var i = 0; i < lis.length; i++) {
            (function (i) {
                lis[i].onclick = function () {
                    console.log(lis[i].innerText)
                }
            }(i))
        }
    </script>


</body>

</html>

 3.闭包的作用

（1）私有化数据

（2）私有化数据的基础上要保持数据

4.闭包的缺点

由于内部函数引用了外部函数变量，导致外部函数执行完毕后无法弹栈，这样的话，如果代码中大量写了闭包，有可能会造成栈溢出。

posted on 2019-09-25 17:16  宅到深夜  阅读(183)  评论(0)    收藏  举报