理解javascript(匿名函数和闭包)这篇文章就够了

0.037字数 325阅读 5322

匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。

一.匿名函数

//普通函数 
function box() {               //函数名是 box 
       return'Lee'; 
}


//匿名函数
 function(){               //匿名函数,会报错
     return'Lee'; 
}


//通过表达式自我执行
 (functionbox() {            //封装成表达式
        alert('Lee'); 
})();                  //()表示执行函数,并且传参


//把匿名函数赋值给变量 
var box=function(){            //将匿名函数赋给变量 
       return'Lee'; 
};
 alert(box());            //调用方式和函数调用相似


//函数里的匿名函数
 function box() { 
       return function(){                  //函数里的匿名函数,产生闭包 
            return'Lee';
    } 
   } 
alert(box()());               //调用匿名函数

二:闭包

闭包的概念:闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见的方式,就是在 一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。

//通过闭包可以返回局部变量

   function a(){
        var name='sun';
          return function (){     //通过匿名函数返回 a()局部变量 
              return name; 
}
}    
     alert(a()());         //通过a()()来直接调用匿名函数返回值


     var b=a();
     alert(b());          //另一种调用匿名函数返回值


使用闭包有一个优点,也是它的缺点:就是可以把局部变量驻留在内存中,可以避免使 用全局变量。
(全局变量污染导致应用程序不可预测性,每个模块都可调用必将引来灾难, 所以推荐使用私有的,封装的局部变量)。

闭包的经典案例

通过全局变量来累加

var num=0;     //全局变量 
function a(){
  num++;               //模块级可以调用全局变量,进行累加
}
  a();   //1
  a();   //2           //执行函数,累加了 
  alert(num);      //输出全局变量

<--------------------------------------------------------------->

function a(){
      var num=0;
      num++;
      return num;
}


alert(a());         //1
alert(a());        //1               //无法实现累加,因为局部变量又被初始化了

使用闭包进行累加

  function a(){
     var num=0;
     return function(){
     num++;
     return num;
}
}

   var b=a();      //获得函数 

   alert(b());  //1     //调用匿名函数 
   alert(b());  //2      //第二次调用匿名函数,实现累加

PS:由于闭包里作用域返回的局部变量资源不会被立刻销毁回收,所以可能会占用更 多的内存。过度使用闭包会导致性能下降,建议在非常有必要的时候才使用闭包。

推荐阅读更多精彩内容