标签：
因为实验室项目要用，所以最近在学习OpenLayers，但是从来没有做过前端呀，坑爹的，硬着头皮上吧
反正正好借这个机会学习一下JS，本来对这门语言也挺感兴趣的，多多少少写过一下JS代码了，差不多学一些里面的特殊概念了
以前一直觉得闭包这个词太神秘，所以先选这个概念了
参考资料：《JavaScript高级程序设计》
博客：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures（主要是这一篇，代码来源）
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
http://coolshell.cn/articles/6731.html
代码里面有注释，就不写太多了。
1 <!--闭包是指有权访问另一个函数作用域的变量的函数--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 </head> 8 <body> 9 <!--<a href="#" id="size-12">12</a>--> 10 <!--<a href="#" id="size-14">14</a>--> 11 <!--<a href="#" id="size-16">16</a>--> 12 13 <script language="JavaScript"> 14 // function makeFunc(){ 15 // var name = "Mozilla"; 16 // function displayName(){ 17 // alert(name); 18 // } 19 // return displayName; 20 // } 21 // var myFunc = makeFunc(); 22 // myFunc(); 23 24 // function makeAdder(x){ 25 // return function(y){ 26 // return x+y; 27 // }; 28 // } 29 // var add5 =makeAdder(5); 30 // var add10=makeAdder(10); 31 // document.writeln(add5(2)); 32 // document.writeln(add10(2)); 33 34 //闭包允许将函数与其所操作的某些数据（环境）关连起来。这显然类似于面向对象编程。 35 //在面对象编程中，对象允许我们将某些数据（对象的属性）与一个或者多个方法相关联。 36 // function makeSizer(size){ 37 // return function() { 38 // document.body.style.fontSize = size + ‘px‘; 39 // }; 40 // } 41 // var size12 = makeSizer(12); 42 // var size14 = makeSizer(14); 43 // var size16 = makeSizer(16); 44 // 45 // document.getElementById(‘size-12‘).onclick=size12; 46 // document.getElementById(‘size-14‘).onclick=size14; 47 // document.getElementById(‘size-16‘).onclick=size16; 48 //完成面向对象中的私有化 49 // var Counter = (function(){ 50 // var privateCounter = 0; 51 // function changeBy(val){ 52 // privateCounter+=val; 53 // } 54 // return { 55 // increment:function(){ 56 // changeBy(1); 57 // }, 58 // decrement: function () { 59 // changeBy(-1); 60 // }, 61 // value:function(){ 62 // return privateCounter; 63 // } 64 // } 65 // })(); 66 // alert(Counter.value()); 67 // Counter.increment(); 68 // Counter.increment(); 69 // alert(Counter.value()); 70 // Counter.decrement(); 71 // alert(Counter.value()); 72 //如果不是因为某些特殊任务而需要闭包，在没有必要的情况下，在其它函数中创建函数是不明智的， 73 // 因为闭包对脚本性能具有负面影响，包括处理速度和内存消耗。 74 75 //例如，在创建新的对象或者类时，方法通常应该关联于对象的原型，而不是定义到对象的构造器中。 76 // 原因是这将导致每次构造器被调用，方法都会被重新赋值一次（也就是说，为每一个对象的创建）。 77 78 </script> 79 </body> 80 </html>
标签：
原文地址：http://www.cnblogs.com/yueyanglou/p/4587751.html
