您的位置：首页 > Web前端 > JavaScript

JavaScript闭包简单学习

2015-06-19 09:48 525 查看

因为实验室项目要用，所以最近在学习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

代码里面有注释，就不写太多了。

<!--闭包是指有权访问另一个函数作用域的变量的函数-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--<a href="#" id="size-12">12</a>-->
<!--<a href="#" id="size-14">14</a>-->
<!--<a href="#" id="size-16">16</a>-->

<script language="JavaScript">
//  function makeFunc(){
//      var name = "Mozilla";
//      function displayName(){
//          alert(name);
//      }
//      return displayName;
//  }
//    var myFunc = makeFunc();
//    myFunc();

//    function makeAdder(x){
//        return function(y){
//            return x+y;
//        };
//    }
//    var add5 =makeAdder(5);
//    var add10=makeAdder(10);
//    document.writeln(add5(2));
//    document.writeln(add10(2));

//闭包允许将函数与其所操作的某些数据（环境）关连起来。这显然类似于面向对象编程。
//在面对象编程中，对象允许我们将某些数据（对象的属性）与一个或者多个方法相关联。
//    function makeSizer(size){
//        return function() {
//            document.body.style.fontSize = size + 'px';
//        };
//    }
//    var size12 = makeSizer(12);
//    var size14 = makeSizer(14);
//    var size16 = makeSizer(16);
//
//    document.getElementById('size-12').onclick=size12;
//    document.getElementById('size-14').onclick=size14;
//    document.getElementById('size-16').onclick=size16;
//完成面向对象中的私有化
//    var Counter = (function(){
//        var privateCounter = 0;
//        function changeBy(val){
//            privateCounter+=val;
//        }
//        return {
//            increment:function(){
//                changeBy(1);
//            },
//            decrement: function () {
//                changeBy(-1);
//            },
//            value:function(){
//                return privateCounter;
//            }
//        }
//    })();
//    alert(Counter.value());
//    Counter.increment();
//    Counter.increment();
//    alert(Counter.value());
//    Counter.decrement();
//    alert(Counter.value());
//如果不是因为某些特殊任务而需要闭包，在没有必要的情况下，在其它函数中创建函数是不明智的，
// 因为闭包对脚本性能具有负面影响，包括处理速度和内存消耗。

//例如，在创建新的对象或者类时，方法通常应该关联于对象的原型，而不是定义到对象的构造器中。
// 原因是这将导致每次构造器被调用，方法都会被重新赋值一次（也就是说，为每一个对象的创建）。

</script>
</body>
</html>

View Code

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航