《匿名函数和闭包》 李炎恢老师视频摘记

//普通函数  
function box(){  //函数名称
    return "LEE";
};
alert(box());        //执行

-----------------------------------------------------
//匿名函数
function (){ //单独的匿名函数无法执行 就算能运行也无法调用
    return "LEE";
}

-----------------------------------------------------
//把匿名函数赋值给变量box
var box=function (){
    return "LEE";
};
alert(box()); //box() 表示立即执行

-----------------------------------------------------
//通过表示式自我执行
(function(){      //封装成表达式
    alert ("Lee");
})();   // ()表示执行函数，并且传参

-----------------------------------------------------
//把匿名函数自我执行的返回值赋值给box
var box=(function(){
    return "LEE";
})();
alert(box);
-----------------------------------------------------
//匿名自我执行后，在alert( )打印
alert((function(){
    return "LEE";
})());

-----------------------------------------------------
(function(age){    //单一的匿名函数传参
    alert(age);
})(100);

-----------------------------------------------------
function box(){  //函数里放一个匿名函数
    return function (){  //产生一个闭包
        return "LEE"
    }
}
alert(box()());  //打印出最里面的return
/*alert(box)
输出 function box() {
    return function () {return "LEE";};
}
*/
/*alert(box())
输出function () {
    return "LEE";
}
-----------------------------------------------------
function box(){  //函数里放一个匿名函数
    return function (){  //产生一个闭包
        return "LEE"
    }
}
var b=box(); //通过赋值给b,在输出闭包中的内容
alert(b());
--------------------------------------------------------

//通过闭包返回局部变量
function box(){
    var age=100;
    return function(){
        return age;
    };
};
alert(box()());
----------------------------------------------------------
//普通函数的递增
var age=100;
function box(){
    age++;
    return age;
}
alert(box());         //101
alert(box());        //102
------------------------------------------------------------
//使用匿名函数实现局部变量驻留内存中从而累加
function box(){
    var age=100;
    return function(){
        age++;
        return age;
    };
};
var b=box(); //从匿名函数开始执行
alert(b());
b=null;//解除引用 等待垃圾回收
alert(b());//已经消失

-----------------------------------------------------------
-----------------------------------------------------------

function box(){
    var arr=[];
    
    for (var i=0;i<5;i++){    //arr[0]=0....
        arr[i]=function(){
            return i;
        };
    }
    //循环完毕 i最终是4，i++等于5 
    return arr;
}
//alert(box());//返回一个数组
//alert(box()[0]);//返回第一个
var b=box();
for(var i=0;i<5;i++){  //返回五次的意思
    alert(b[i]());
//调用匿名函数的i
//返回闭包里的值 为5 循环结束
}

-----------------------------------------------------------
//改0
function box(){
    var arr=[];
    for (var i=0;i<5;i++){
        arr[i]=i;
    }
    return arr;
}
var b=box();
alert(b); //0,1,2,3,4
for(var i=0;i<5;i++){//    循环
alert(b[i]);
}
--------------------------------------------------------
--------------------------------------------------------
//改1
function box(){
    var arr=[];
    for (var i=0;i<5;i++){
        arr[i]=(function(num){ // 通过自我及时执行匿名函数
            return num;
        })(i);
    }
    return arr;
}
var b=box();
for (var i=0;i<5;i++){//    循环
alert(b[i]);
}
--------------------------------------------
//改2
function box(){
    var arr=[];
    for (var i=0;i<5;i++){
        arr[i]=(function(num){   //再来一个闭包
            return function(){
                return num;
            };
        })(i);
    }
    return arr;
}
var b=box();
for (var i=0;i<5;i++){
alert(b[i]());
}


===================================
------------------------------------------------------------
this对象的指向

var box={
    getThis:function(){
        return function(){  //return一个闭包
            return this;
        }
    }
};
alert(this); //全局变量
alert(box.getThis()());//执行闭包，指向全局


var user="the window";
var box={
    user:"the box",
    getUser:function (){
        //这里作用域的this是Box
        return function(){
        //这里作用域的this是window                
            return this.user
        }; 
    }
};
alert(box.getUser());  //没有闭包时指向"the box"
alert(box.getUser()());  //有闭包指向全局"the window"
alert(box.getUser().call(box));//对象冒充"the box"


var user="the window";

var box={
    user:"the box",
    getUser:function (){
        var that=this;
        //这里作用域的this是Box
        return function(){
        //这里作用域的this是window                
            return that.user
        }; 
    }
};
alert(box.getUser()()); //the box

-----------------------------------------------------------
-----------------------------------------------------------
私有变量 作用域

function box(){
    age=100;
}
alert(box())  //无法找到 因为是私有变量

function Box(){    //构造函数
    this.age=100;  //属性 公有的
    this.run=function (){    //方法 公有的
        return "运行中";
    }
}
var box=new Box;
alert(box.age);  
alert(box.run());


特权方法
function Box(){    //构造函数
    var age=100;  //私有变量
    function run(){    
        return "运行中";
    }

//在同一个作用域下
    this.publicGo=function(){    //对外可见的公共接口，特权方法
        return age+run();
    }
    this.getPublicGo=function(){    //对外可见的公共接口，特权方法
        return age;
    }    
}
var box=new Box;
alert(box.publicGo());  
alert(box.getPublicGo());  

//通过构造函数传参

function Box(value){
    var user=value;    //私有变量
    this.getUser=function(){     //公共接口
        return user;
    };
}
var box= new Box("Kee");
alert(box.getUser());


静态私有变量
(function(){   //自我执行
    var user=""        //私有变量
    Box=function(value){        //    Box等于全局，构造函数传参并赋值给Box 
        user=value;
    };
    Box.prototype.getUser=function(){ //公共接口 使用原型
        return user;
    };
    Box.prototype.setUser=function(value){ //公共接口 使用原型
        user=value;
    };    
})()
var box=new Box("LEE");  //第一次实例化
alert(box.getUser());
var box2=new Box("HHH");
alert(box.getUser());
box2.setUser("GGG"); //改变  静态私有变量
alert(box.getUser());

alert(box.getUser()); //"GGG"  已经被共享


Box=function(){}是全局


var box=(function(){ //使用对象可以省去()() 模式的一对括号  单例模式
    var user="LEE";
    function run(){
        return "运行中";
    }
    
    var obj={                            //对外可见的公共接口，特权方法
        publicGo:function (){
            return user+run();
        }
    };
    return obj;
})();
alert(box.publicGo());