闭包

最新推荐文章于 2025-04-24 23:33:53 发布

weixin_30258901

最新推荐文章于 2025-04-24 23:33:53 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sapho/p/4822982.html

本文介绍了JavaScript中闭包的概念，包括函数作为返回值和参数的使用方式，并通过具体示例展示了闭包的应用，如循环闭包和封装闭包。此外还讨论了闭包的优缺点。

1. 函数作为返回值

 function fn(){
        var max = 10;
        return function f1(x){
            if(x > max){
                console.log(x);
            }
        }
    }
    var f2  = fn();//调用fn函数,并把返回值存放在f1中
    console.log(f2);// function f1(x){if(x > max){console.log(x);}}
    f2(22);//调用f2,相当于调用f1

局部变量在函数执行完成之后未被销毁

2. 函数作为参数被传递

 var max = 10;//全局作用域
       function f1(x){
         if(x > max){ //此处max是全局作用域里的max,在该函数声明时就已经确定
             console.log(x);//11
             console.log("全局的max:" + max);//10
            }
         }
        (function fn(f){//匿名函数
          var max = 100;//该处的max是局部变量,在fn作用域内使用.
            f(11);
             console.log("fn里的max:" + max);
         })(f1);

自由变量在函数声明时已经确定了其作用域

3.闭包的运用

*循环闭包

<ul id = "ul">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <ul>
        <li>11</li>
        <li>12</li>
        <li>13</li>
    </ul>
    var lis = document.getElementById("ul").getElementsByTagName("li");
    for(var i  = 1;i < lis.length;i++){
        (function(i){
            lis[i].onclick = function(){
                console.log(i);
            }
        })(i);
    }

*封装闭包