码迷,mamicode.com
首页 > 编程语言 > 详细

JAVASCRIPT基础06-闭包

时间:2014-07-05 17:04:34      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
  <script type="text/javascript">
     /**
      * 闭包
      *  1. 概念 
      *      闭包的严格定义是“由函数(环境)及其封闭的自由变量组成的集合体”
      *   通俗的讲就是:可以访问一个函数作用域里变量的函数
      * 
      * 例如:
      */
      
      var generateClosure = function() {
                var count = 0;
                var get = function() {
                  count ++;
                  return count;
                };
                return get;
        };
        var counter1 = generateClosure();
        var counter2 = generateClosure();
        console.log(counter1()); // 输出 1
        console.log(counter2()); // 输出 1
        console.log(counter1()); // 输出 2
        console.log(counter1()); // 输出 3
        console.log(counter2()); // 输出 2
     
     /**
       * 当一个函数返回它内部定义的一个函数时,就产生了一个闭包,
       * 闭包不但包括被返回的函数,还包括这个函数的定义环境。
       * 上面例子中,当函数generateClosure() 的内部函数 get 被一个外部变量 counter1 引用时,counter1 和generateClosure() 的局部变量就是一个闭包
       */
        
        
     /**
      * 
      * 闭包的注意点
      *   1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。
      *      解决方法是,在退出函数之前,将不使用的局部变量全部删除。 
      *   2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,
      *       把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
      */    
      
      // 案例
      
       var name = "The Window";   
      var object = {   
    name : "My Object",   
    getNameFunc : function(){   
      return function(){   
        return this.name;   
     };   
    }   
    };   
    console.log(object.getNameFunc()());  //The Window
      
      /**
       * object.getNameFunc()得到的是一个闭包 ,闭包可以访问object中的任意变量  但是这里使用的是this.name  ;this表示的是window全局对象    因此输出 The Window 
       *  如果代码为  return name ;  //则输出 My Object   这里要注意this的用法
       */
   
  </script>
</head>
<body>

</body>
</html>

 

JAVASCRIPT基础06-闭包,布布扣,bubuko.com

JAVASCRIPT基础06-闭包

标签:style   blog   http   java   color   使用   

原文地址:http://www.cnblogs.com/liaokailin/p/3822924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!