美文网首页
关于闭包的理解

关于闭包的理解

作者: Smile_smile_ | 来源:发表于2019-04-23 10:44 被阅读0次

    参考文章 https://www.cnblogs.com/cxying93/p/6103375.html
    内容相似,再写一遍只是为了加深自己的理解;

    在理解闭包之前,需先清楚变量的作用域

    1 关于变量的作用域;

    变量分为全局变量与局部变量两种;
    函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。
    注:在函数内部声明变量时,一定要使用var 命令,否则声明的是一个全局变量

    2 什么是闭包;

    有时需要在函数外获取函数内部的变量,此时的解决方案一般是在函数内部再定义一个函数
    eg:
    function f1(){
         var n=99;
         function f2(){
             var m=100;
             alert(n); // => 99
         }
    }
    函数f2在函数f1 内部,此时f1内部的所有变量对f2可见,而f2内部的局部变量(如m)对f1不可见;(此上为Javascript语言特有的"链式作用域"结构)
    父对象的所有变量对子对象可见,反之不成立;
    将上面的f2函数作为返回值,则可在f1外部读取它的内部局部变量,此时f2函数为闭包;
    闭包定义:是函数和声明该函数的词法环境的组合。
    简单来说,在函数f1内部定义的,作为变量传递局部变量n的值的 内部函数f2 即为闭包;
    可以读取其他函数内部变量的函数称为闭包,它的本质是 将函数内部与外部链接的桥梁;
    eg2

    function  makeFunc(){
        var name="Mozilla";
        function displayName(){
          alert(name);
        }
        return displayName;//function displayName
    }
    var myFunc=makeFunc();
    myFunc();//调用makeFunc =>Mozilla

    eg3
    function makeAdder(x){
      return function(y){
          returnx+y;
      };
    }
    var add5 = makeAdder(5);
    var add10 = makeAdder(10);
    console.log(add5(2));  //=> 7
    console.log(add10(2));  // =>12

    3 用途

    一 、即读取函数内部的变量(如上例);

    二、让变量始终保持在内存中,而不是在f1调用后被自动清除
    原因是 f1是f2的父级函数、若f2被赋给一全局变量,此时f2会始终在内存中,又因为f2依赖f1,故f1始终存在,不会被回收;
    var pub_n = f2; => f2始终存在,  f2为f1的内部函数=> f1始终存在;

    4 注意

    一 、闭包特点:内存消耗大,在IE中易导致内存泄露,故在退出函数之前应将不需要的局部变量删除;

    二、闭包会改变父级函数内部变量的值,若将父级函数f1当成对象,闭包f2作为公共方法,内部变量n为私有属性时,不可随意改变父级函数f1的内部变量n的值;

    写在末尾

    本人所写均是为了自我学习,若还能帮助他人实属幸运;过程中参考了其他的博客等,无侵权冒犯之意,勿怪。

    相关文章

      网友评论

          本文标题:关于闭包的理解

          本文链接:https://www.haomeiwen.com/subject/pcwugqtx.html