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

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

一.匿名函数

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

文/编程小飞侠(简书作者)
原文链接:http://www.jianshu.com/p/435bd1e773cd


赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏