javascript权威指南学习笔记-函数闭包（十）

闭包是js面试必问的一个问题，但对闭包一直是一知半解。
闭包的常用解释：是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。
如果从字面上理解始终有点容易让人懵。
非闭包代码

var userName="张三";
var User=function(){
    var userName="李四";
}
User();
console.log(userName);//输出张三
//那如果想访问到 李四 有啥法子呢

写个闭包就可以实现

var userName="张三";
var User=function(){
    var userName="李四";
    function getUserName(){
        console.log(userName);//输出李四
    }
    return getUserName();
}
User();

看上面的代码，其实感觉不出闭包的意义，仅仅是执行了一个函数，而执行了一个打印函数域变量而已。
我们改造下

var userName="李四";
var User=function(){
    var userName="李四";
    function getUserName(){
        return userName; 
    }
    return getUserName;
}
var getNewName=User();
var newName=getNewName();
console.log(newName);//输出李四
//成功的在函数外，访问到User函数的局部变量

这种演示代码可能还是感觉不到闭包的价值，下面举个实用的js例子

    var userNames=[
        {name:"张三",age:10},
        {name:"李四",age:20},
        {name:"王五",age:30},
        {name:"陈六",age:40}
    ];
    var accreditUtils=(function(){
        //过滤出大于20岁的用户
        var oldUser=userNames.filter(function(value){
            if(value.age>20){
                return value;
            }
        });
        //过滤出小于20岁的用户
        var smallUser=userNames.filter(function(value){
            if(value.age<20){
                return value;
            }
        });
        return {
            getOldUser:function(){
                return oldUser;
            },
            getSmallUser:function(){
                return smallUser;
            }
        }
    })();
    //打印出大于20岁的用户
    var oldUser=accreditUtils.getOldUser();
    oldUser.forEach(function(val){
        console.log(val.name);
    })

这就是个典型的闭包例子，不采用闭包我们也能实现该功能，但闭包体现了面向对象的封装的概念，外部调用者只关心结果，而不关心封装过程。
代码也显得更加直观，也可以提高代码的复用度。