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

JavaScript闭包简单学习的更多相关文章

  1. JavaScript闭包简单应用

    闭包定义 在JavaScript中,当一个内部函数被其外部函数之外的变量引用时,就形成了一个闭包.简单说,闭包就是能够读取其他函数内部变量的函数. 闭包的作用: 1. 可以读取函数内部的变量 2. 让 ...

  2. django之JavaScript的简单学习2

    前言:ajax预备知识:json进阶 1.JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON是用字符串来表示Javascript对象: 请大家记住一 ...

  3. JavaScript 的简单学习2

    AJAX 一 AJAX预备知识:json进阶 1.1 什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON是用字符串来表示Javas ...

  4. Javascript闭包简单理解

    提到闭包,想必大家都早有耳闻,下面说下我的简单理解.平时写代码.第三方框架和组件都或多或少用到了闭包.所以,了解闭包是非常必要的.呵呵... 一.什么是闭包简而言之,就是能够读取其他函数内部变量的函数 ...

  5. javaScript的简单学习

    JavaScript介绍 JavaScript跟java没半毛钱关系 JavaScript有三部分组成:ECMAScript,document object model,broswer object ...

  6. [javascript] Promise简单学习使用

    原文地址:http://www.cnblogs.com/dojo-lzz/p/4340897.html 解决回调函数嵌套太深,并行逻辑必须串行执行,一个Promise代表一个异步操作的最终结果,跟Pr ...

  7. JavaScript闭包，只学这篇就够了

    # 闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念,即使新手也可以轻松参透闭包的含义. 其实只要理解了核心概念,闭包并不是那么的难于理解.但是,网上充斥了太多学术性的 ...

  8. JavaScript闭包只学这篇就够了

    闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念,即使新手也可以轻松参透闭包的含义. 其实只要理解了核心概念,闭包并不是那么的难于理解.但是,网上充斥了太多学术性的文章 ...

  9. javascript闭包1

    javascript闭包 在学习javascript闭包之前,需要先了解一下"作用域链". 每一段javascript代码都有一个与之关联的作用域链(scope chain),这个 ...

随机推荐

  1. Linux下远程连接工具SSHSecureShellClient的使用

    实际开发中,Linux 服务器都在其他的地方,我们要通过远程的方式去连接 Linux 并操作它,Linux 远程的操作工具有很多,企业中常用的有 Puttty.secureCRT.SSH Secure ...

  2. Developing crm service based on apache cxf

    1 数据库环境搭建 创建数据库boscrm 执行脚本: 脚本内容: /* Navicat MySQL Data Transfer Source Server : root Source Server ...

  3. docker~环境变量到底怎么用

    docker已经用了两年多了,从开始的简单应用到现在的自动化部署,已经越来越感觉到它的威力,今天把Hitchhiker部署完成后,看到了它与.net core项目有个类似的地方,就是对于多环境部署的时 ...

  4. JNI与NDK的区别

    JNI是Java调用Native机制,是Java语言自己的特性全称为Java Native Interface,类似的还有微软.Net Framework上的p/invoke,可以让C#或Visual ...

  5. hadoop面试题一

    1.hadoop运行的原理?xxxxxx 2.mapreduce的原理?xxxxxx 3.HDFS存储的机制?xxxxxx 4.举一个简单的例子说明mapreduce是怎么来运行的 ?xxxxxx 5 ...

  6. WPF-MVVM学习心德（WinForm转WPF心德）

    接触MVVM接近一段时间了,有一点理解,写下来. 之前是做winform的,工作需要,学习wpf.优缺点就不用说类,网上一大堆.我自己理解的话,有下面几点: 1.首先是界面的xmal和界面分离:wpf ...

  7. JavaWeb技术

    1.简介 Java Web是用Java技术来解决相关web互联网领域的技术总和.web包括:web服务器和web客户端两部分.Java在客户端的应用有java applet,不过使用得很少,Java在 ...

  8. 安装VS2013时，如何避开IE10的限制

    安装VS2013时,如何避开IE10的限制 VS就会告诉我们目前环境不适合安装VS2013,必须升级IE版本到IE10. 如果不想安装IE10,有没有办法呢? 答案肯定是有的. 将下面一段文字,储存为 ...

  9. 一个基于Ionic3.x cordova的移动APP demo

    项目地址如遇网络不佳,请移步国内镜像加速节点 前端技术: Angular4.x + ionic3.x + cordova 项目运行: git clone git@github.com:EasyTuan ...

  10. JavaScript Callback 回调函数

    JavaScript callback回调函数 你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,过了几天店里有货了,店员就打了你的电话,然后你接到电话后就到店里去取了货.在这 ...