JavaScript 闭包的例子

  1 /*****************************************************************************/
  2 /* 将一个立即调用函数的返回值赋给变量uniqueInteger
  3  * 特点: 内部函数可以访问外部函数中的局部变量,当外部匿名函数立即调用返回之后, 除了返回的函数对象外
  4  * 其他任何代码都无法访问私有变量counter, 实现了变量的隔离(相当于命名空间).
  5  */
  6 var uniqueInteger = (function(){
  7     var counter = 0;
  8     return function(){
  9         return counter++;
 10     };
 11 }());
 12 /*****************************************************************************/
 13 
 14 /*****************************************************************************/
 15 /* 多个嵌套函数共享一个私有变量
 16  */
 17 function counter(){
 18     var n = 0;
 19     return {
 20         count: function(){
 21             return n++;
 22         },
 23         reset: function(){
 24             n = 0;
 25         }
 26     };
 27 }
 28 var c = counter(); // 相当于上一个例子中的立即调用, 只是得到的是一个直接对象, 而不是函数对象
 29 var d = counter(); // 定义了另一个对象. 和c各自独立.
 30 // 两个对象各自维护自己的私有变量 n , 其他外部代码不能再直接访问它们的 n 的值.
 31 console.log(c.count()); //0
 32 console.log(c.count()); //1
 33 c.reset();
 34 console.log(c.count()); //0
 35 d.count(); d.reset();
 36 //上面的counter()也可以类似如下实现, 因为参数和局部变量一样保存在作用域链中.
 37 function counter2(n){
 38     n = n || 0;
 39     return {
 40         get count(){return n++;},
 41         set count(m){
 42             if(m >= n) n = m;
 43             else throw Error("count can only be set to a larger value");
 44         }
 45     };
 46 }
 47 var e = counter2(10);
 48 e.count;
 49 console.log(e.count); // 11
 50 e.count = 20; 
 51 console.log(e.count); // 20
 52 console.log(e.count); // 21
 53 /*****************************************************************************/
 54 
 55 /*****************************************************************************/
 56 /* 利用闭包实现私有属性存取器方法
 57  * 为传入的某个对象加入setter和getter方法, 但是setter/getter方法操作的属性并没有添加到
 58  * 对象 o 中, 而是由闭包代为保管!
 59  * 这样只能通过setter/getter进行访问, 其他地方无法直接访问,成为私有变量.
 60  */
 61 function addPrivateProperty(o,name,predicate){
 62     var value;
 63     o[‘get‘+name] = function(){
 64         return value;
 65     },
 66     o[‘set‘+name] = function(v){
 67         if(predicate && !predicate(v))
 68             throw Error("set"+name+":invalid value "+v);
 69         else
 70             value = v;
 71     };
 72 }
 73 var o = {};
 74 addPrivateProperty(o,"Name",function(x){return typeof(x) == "string";});
 75 o.setName("roger");
 76 console.log(o.getName()); // roger
 77 /*****************************************************************************/
 78 
 79 /*****************************************************************************/
 80 /* 当多个闭包共享同样的私有变量或变量时要注意作用域时动态变化的.
 81  * 嵌套的函数不会讲作用域内的私有成员复制一份(只是引用), 也不会对所绑定的变量生成静态快照.
 82  */
 83 function constfunc(v){
 84     return function(){
 85         return v;
 86     };
 87 }
 88 var funcs = [];
 89 for(var i=0;i<10;++i){
 90     // 创建多个闭包共享变量 i.作用域链在变化,直到循环结束, 但是执行constfunc时保存了i的状态.
 91     funcs[i] = constfunc(i); 
 92 }
 93 console.log(funcs[5]()); // 5
 94 function constfunc2(){
 95     var funcs = [];
 96     for(var i=0;i<10;++i){
 97         //函数对象并没有保存i的状态, 在外面调用时作用域的状态已经变化了, 和预期不一样.
 98         //因为内嵌对象不会将作用域内的私有成员复制一份(只是一份引用而已)
 99         funcs[i] = function(){
100             return i;
101         };
102     }
103     return funcs;
104 }
105 var funcs = constfunc2();
106 console.log(funcs[5]()); //10
107 function constfunc3(){
108     var funcs = [];
109     for(var i=0;i<10;++i){
110         funcs[i] = (function(){
111             return i;
112         }()); //使用函数立即调用, 直接将闭包的状态保存在了funcs[i]中.
113     }
114     return funcs;
115 }
116 var funcs = constfunc3();
117 console.log(funcs[5]); // 5
118 /*****************************************************************************/
119 
120 /*****************************************************************************/
121 /*需要注意this和arguments
122  1. this不是变量, 而是关键字, 会随着作用域而变化
123  2. arguments是函数在调用时引擎自动创建的变量, 也是随作用域而变化的
124  解决方法: 将外部函数的this和arguments的内容(而不是引用)保存到局部变量中, 
125  从而避免作用域变化带来的不确定性
126 */