javascript闭包

//javascript的变量作用域可以分为两种：全局变量和局部变量。
//在函数内声明的变量就是局部变量，这个变量在函数体内可访问，在函数外部无法直接读取局部变量。
//例如：
var globalVariable = 1; //全局变量
function f() {
    var localVariable = 100; //局部变量 注意函数内的变量一定要加上关键字var才能成为局部变量，不然就会成为全局变量
}
alert(globalVariable); //显示1
alert(localVariable);  //抛出错误 提示localVariable未声明

//javascript内部函数又称为嵌套函数，就是在函数中声明的函数
//函数可以实现多级嵌套
//例如：
function f() {
    function innerFunction() {
        //innerFunction是f的内部函数
        function anotherInnerFunction() {
            //anotherInnerFunction是innerFunction的内部函数
        }
    }
}

//局部变量对于内部函数而言是可访问的，整个作用域链只能向下传递。
//例如：
function f() {
    var localVariable = 100; //局部变量
    function innerFunction() {
        var anotherLocalVariable = 200; //局部变量
        alert(localVariable);//内部函数可以访问外部函数的局部变量
    }
    alert(anotherLocalVariable); //抛出错误 提示anotherLocalVariable未声明
}

//javascript借鉴了函数式编程的概念，把函数提到了一等公民的地位，意思是函数可以跟变量一样被赋值，作为传入参数和返回参数。
//例如：
function f1() {
}
var temp1 = f1; //函数可以赋值给变量

function f2(f) {
    f();
}
f2(f1); //函数f1可以作为函数f2的参数

function f3() {
    function f4() {
    }
    return f4; //函数f4可以作为函数f3执行后返回的参数
}
var temp2 = f3(); //temp2的值是f4

function f() {
    var localVariable = 100; //局部变量
    function innerFunction() {
        localVariable += 1;
        alert(localVariable);//访问局部变量
    }
    return innerFunction; //innerFunction作为函数f的返回参数
}
var temp = f(); //当函数f的内部函数innerFunction被函数f外的一个变量temp引用的时候，就创建了一个闭包。
temp(); //显示101
temp(); //显示102
//可见,闭包使得函数外部操作局部变量变为可能
//假如我们只是单纯执行f(),不把结果赋值给变量temp,那么执行完后,由于不存在其他引用,这时候函数f就会成为垃圾回收的对象
//而由于赋值给变量temp了,innerFunction引用到f函数,函数f的局部变量localVariable就不会被回收,所以就出现了上文中执行两次temp(),实现累加效果

function f() {
    var localVariable = 100; //局部变量
    function innerPlus() {
        localVariable += 1;
        alert(localVariable);
    }
    function innerMinus() {
        localVariable -= 1;
        alert(localVariable);
    }
    return {
        plus: innerPlus,
        minus:innerMinus
    }; //这次返回的不再是一个单独的函数,而是一个对象,对象的属性是两个内部函数
}
var temp = f();
temp.plus();  //显示101
temp.minus(); //显示100
//只能通过temp的特定API操作变量,实现了封装性和更好的安全性

function f() {
    var localVariable = 100;
    function innerFunction() {
        localVariable += 1;
        alert(localVariable);
    }
    return innerFunction;
}
var temp = f();
temp();