美文网首页
函数分析

函数分析

作者: 如果俞天阳会飞 | 来源:发表于2019-04-25 18:59 被阅读0次

    函数分析

    案例1

    var t = function() {
        var n = 99;
        var t2 = function() {
          n++
          console.log(n)
        }
        return t2;
      };
      var a1 = t();
      var a2 = t();
    
    
      a1(); // 100
      a1(); // 101
    
      a2(); // 100
      a2(); // 101
    
    

    我们会发现,n 的值都是从 99 开始,执行 一次a1() 的时候,值会加一,再执行一次,值再加一,但是 n 在 a1() 和 a2() 并不是公用的。你可以理解为:同一个函数形成的多个闭包的值都是相互独立的。

    案例2

    var nAdd;
    var t = function() {
        var n = 99;
        nAdd = function() {
             n++;
        }
        var t2 = function() {
            console.log(n)
        }
        return t2;
    };
    
    var a1 = t();
    var a2 = t();
    
    nAdd();
    
    a1(); //99
    a2(); //100
    

    当执行 var a1 = t()的时候,变量 nAdd 被赋值为一个函数 ,这个函数是function (){n++},我们命名这个匿名函数为 fn1 吧。接着执行 var a = t()的时候,变量 nAdd 又被重写了,这个函数跟以前的函数长得一模一样,也是function (){n++},但是这已经是一个新的函数了,我们就命名为 fn2 吧。

    所以当执行 nAdd 函数,我们执行的是其实是 fn2,而不是 fn1,我们更改的是 a2 形成的闭包里的 n 的值,并没有更改 a1 形成的闭包里的 n 的值。所以 a1() 的结果为 99 ,a2()的结果为 100。

    ar nAdd;
    var t = function() {
        var n = 99;
        nAdd = function() {
             n++;
        }
        var t2 = function() {
            console.log(n)
        }
        return t2;
    };
    
    var a1 = t();
    var a2 = t();
    var a3 = t();
    nAdd();
    
    a1(); //99
    a2(); //99
    a3(); //100
    

    当执行nAdd() 的时候 其实执行的是fn3 所以 a3()为 100 a1和a2 为 99

    相关文章

      网友评论

          本文标题:函数分析

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