当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

Javascript闭包概念

发表于: 2015-07-19   作者:fanfanlovey   来源:转载   浏览:
摘要: 1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包,首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999;   functio
1.参考资料


http://www.jb51.net/article/24101.htm

http://blog.csdn.net/yn49782026/article/details/8549462





2.内容概述
要理解闭包,首先需要理解变量作用域问题
内部函数可以饮用外面全局变量
    var n=999;

  function f1(){
    alert(n);
  }

  f1(); // 999


内嵌函数可以饮用函数内部变量,此时f2可以使用f1的变量,但是f1无法使用f2的变量

 
function f1(){

    n=999;

    function f2(){
      alert(n); 
    }

        f2() //999

  }  


此时定义了函数f1内部有变量n=999。如果此时外面其他函数想要用n这个变量怎么办呢,有两种方式,一直是将n作为返回值。还有一种采用闭包思维。因为此时f2可以使用f1的n变量,此时可以将f2函数对象作为返回值 。这样f1函数外面就可以使用f1的变量n。这个即为闭包思想,函数f2 即为闭包。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

应用场景

第一种场景:读取函数内部变量

<script>
function f1(){
    var n=999;
    function f2(){
        return n;
    }
   return f2;
}
   var f2Tmp=f1();
   var nObjext = f2Tmp();
   alert(nObjext)
</script>


第二种场景:让变量始终保存在内存中


<script>
    function f1() {
        var n = 999;
        nAdd = function () {
            n += 1;
        }
        function f2() {
            alert(n);
        }

        return f2;
    }
     var reslut1 = f1();
     reslut1();
    nAdd();
    reslut1();

</script>


在这段代码中,reslut1实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此 nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。

使用闭包注意点


1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值

Javascript闭包概念

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
1 JavaScript变量作用域 1.1 函数作用域 没有块作用域:即作用域不是以{}包围的,其作用域完成由函
作为第一次接触闭包,就将自己的理解及查询相关信息进行总结,在谈论闭包之前,先了解几个相关知识
JavaScript Closures Explained If you write any code in JavaScript then you’ve probably used
最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者
今天我们从内存结构上来讲解下 javascript中的闭包概念。 闭包:是指有权访问另外一个函数作用域中
一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两
官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而
最近去面试了一家企业,结果非常灰心丧气,于是周末给自己定了一个目标 学好一门,学精通一门。不求
1 什么是闭包? 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的表达式(通常这是一
什么是闭包 闭包是指有权访问另一个函数作用域中的变量的函数(有点拗口吧),简单点就是在一个函数
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号