JS面向对象之闭包

闭包

闭包的概念

• 闭包的含义就是闭合,简单来讲就是一个具备封闭功能的结构
• 闭包就是具备封闭的对外不公开的,包裹结构或空间

在 js 中的闭包

• 在 js 中函数能够构成闭包
• 函数是一个代码结构的封闭结构,具备包裹特性
• 根据做用域规则, 只容许函数访问外部数据, 外部没法访问函数内部数据
• 因此说函数具备封闭的, 不公开的特效, 因此能够构成闭包

闭包解决什么问题

1. 闭包不容许外界访问
2. 外界间接访问闭包中的数据
   • 函数能够构成闭包, 解决的问题就是函数外访问到函数内部的数据

获得一个数据

function foo(){
        var num = 123;
        return num;
    }
    var result = foo();
    console.log(result);
}

1. 外部能够访问到函数内的数据
2. 可是数据不能进行二次访问, 若是再试访问函数内部数据须要再次调用函数, 虽然获得的移入是num = 123, 可是实际不是第一次函数调用的那个值

获得一个函数, 经过函数访问数据

• 在函数内的数据, 不能直接被函数外访问,若是函数内再定义一个函数, 那么函数内部数据能够被函数外访问

function foo(){
        var num = Math.random();
        function fn(){
            return num;
        }
        return fn;
    }
    var f = foo();
    // f 能够直接访问这个数据 num
    var result1 = f();
    var result2 = f();
    // 获得结果一致,说明屡次访问的是同一个数据

获得的数据能够是对象

function foo(){
        var  o = {name : 'Bob'};
        return function(){
            return o;
        }
    }
    var fn = foo();
    var result = fn();

得到多个数据

function foo(){
        var num1 = Math.random();
        var num2 = Math.random();
        return {
            num1 : function(){
                return num1;
            },
            num2 : function(){
                return num2;
            }
        }
    }

得到和修改这个数据

function foo(){
        var num = Math.random();
        return {
            getNum : function(){
                return num;
            },
            setNum : function(value){
                num = value;
            }
        }
    }

闭包的基本结构

1. 经过函数: 写一个函数, 函数内定义一个新函数, 返回新函数, 使用新函数获得函数内的数据
2. 经过对象: 写一个函数, 函数内顶一个对象, 对象中绑定多个方法, 返回对象, 利用对象内的方法访问函数内中的数据

闭包的基本用法

1. 带有私有访问数据的对象

function Person(){
        this.name = 'Peter';
        // setName('')
    }
    // 私有数据指的是只有函数内部能够访问的数据,或者对象内部的方法

    // 简单的例子,判断孩子是否是老张家的
    function createPerson(){
        var name = '张全蛋';
        return {
            getName : function(){
                return name;
            },
            setName : function(value){
                // 若是value的第一个字符串是 张 ,就设置
                if(value.charAt(0) === '张'){
                    name = value;
                } esle {
                    //不姓 张 ,就将错误抛出
                    throw new Error('你不姓张,难道还能姓王?');
                }
            }
        }
    }

1. 带有私有数据的函数

// 不具备私有数据
    var fn = function(){};
    function fn(){}

    // 具备私有数据
    var foo = (function(){
        // 私有数据
        return function(){
            // 能够访问私有数据
        }
    })();

闭包的基本模型

函数模型

function foo(){
    // 私有数据
    return function(){
        // 能够访问上面的私有数据
    }
}

对象模型

function foo(){
    // 私有数据
    return {
        method : function(){
            // 能够访问的私有数据
        }
    }
}

闭包的性能问题

• 函数的执行须要内存, 函数中定义的变量会在函数执行后自动回收
• 由于是闭包结构, 若是还有变量引用这些数据的话, 这些数据不会被回收
• 所以在使用闭包的时候,若是不使用这些数据了, 须要将函数赋值为 null

var foo = (function(){
        var num = 123;
        return function(){
            return num;
        }
    })();
    // 若是不须要foo中的数据, 赋值为 null
    foo = null;