范仁义js课程---56、闭包应用
一、总结
一句话总结：
1、闭包可以做缓存，使用对象时候，缓存里面如果没有的话，就新建对象到缓存，如果缓存里面有，就直接从缓存里面拿，这样就可以节约新建对象耗费的资源
2、闭包可以实现变量的访问权限。我们可以让封装对象中的变量不能直接访问，而通过提供的闭包中的方法来访问。
//1、作为缓存
// var Cache1=(function(){
// var cache={};
// return {
// getObj:function(name){
// if(name in cache){
// return cache[name];
// }
// var temp=new Object(name);
// cache[name]=temp;
// return temp;
// }
// }
// })();
// console.log(Cache1);
// console.log(Cache1.getObj('乔碧萝'));
// console.log(Cache1.getObj('凤姐'));
// console.log(Cache1.getObj('乔碧萝'));
//2、实现封装过程。封装对象中的变量不能直接访问，可以用提供的闭包来访问。
var person=function(){
var name="no name!";
return {
getName:function(){
return name;
},
setName:function(value){
name=value;
}
}
}();
console.log(person);
console.log(person.getName());
person.setName('武松');
console.log(person.getName());
person.setName('老虎');
console.log(person.getName());
二、闭包应用
博客对应课程的视频位置：56、闭包应用
https://www.fanrenyi.com/video/19/157
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>闭包应用</title> 6 </head> 7 <body> 8 <!-- 9 10 --> 11 <script> 12 //1、作为缓存.第二次使用对象时候，可以不用新建对象。单例模式的实现等等。 13 //规则：缓存里面如果没有的话，就新建对象到缓存，如果缓存里面有，就直接从缓存里面拿 14 //好处：创建对象比较耗费资源，用缓存的话，在缓存里面有对象的时候， 15 // 我就不必新建对象，这样就可以节约新建对象耗费的资源 16 // var Cache1=(function(){ 17 // var cache={}; 18 // return { 19 // getObj:function(name){ 20 // if(name in cache){ 21 // return cache[name]; 22 // } 23 // var temp=new Object(name); 24 // cache[name]=temp; 25 // return temp; 26 // } 27 // } 28 // })(); 29 // console.log(Cache1); 30 // console.log(Cache1.getObj('乔碧萝')); 31 // console.log(Cache1.getObj('凤姐')); 32 // console.log(Cache1.getObj('乔碧萝')); 33 34 //2、实现封装过程。封装对象中的变量不能直接访问，可以用提供的闭包来访问。 35 // private protected public 36 // 好处：避免非法访问， 37 var person=function(){ 38 var name="no name!"; 39 return { 40 getName:function(){ 41 return name; 42 }, 43 setName:function(value){ 44 name=value; 45 } 46 } 47 }(); 48 console.log(person); 49 console.log(person.getName()); 50 person.setName('武松'); 51 console.log(person.getName()); 52 person.setName('老虎'); 53 console.log(person.getName()); 54 55 56 </script> 57 </body> 58 </html>