在javascript中闭包是一个非常不好理解的概念,可是确实一个不可逃避的东西,那么今天我们就来一起学习一下闭包。

什么是闭包?

闭包:官方”的解释是:闭包是一个拥有很多变量和绑定了这些变量的环境的表达式(一般是一个函数),因而这些变量也是该表达式的一部分。相信读完这句话以后,你就更加不知道什么是闭包了。事实上通俗的说闭包就是一个函数a内部的局部变量s,被该函数内部的函数b所使用,而且a函数返回值为b函数。那么我们就将b函数成为闭包。

为什么会产生闭包这个概念呢?那就要谈谈变量作用域的问题了。

变量的作用域无非就是两种:全局变量和局部变量。

Javascript语言的特殊之处,就在于函数内部能够直接读取全局变量。

Js代码

<span style="font-size:18px;">var n=999;
function f1(){alert(n);
}
f1(); // 弹出对话框:999</span>

还有一方面,在函数外部自然无法读取函数内的局部变量。

Js代码

functionf1(){varn=999;
}
alert(n); //弹出对话框:error

这里有一个地方须要注意,函数内部声明变量的时候,一定要使用var命令。假设不用的话,你实际上声明了一个全局变量!

Js代码

<span style="font-size:18px;">functionf1(){n=999;
}
f1();
alert(n); //999</span>

         那么怎样从外部读取局部变量?

出于种种原因,我们有时候须要得到函数内的局部变量。可是,前面已经说过了,正常情况下,这是办不到的,仅仅有通过变通方法才干实现。那就是在函数的内部,再定义一个函数。

Js代码

<span style="font-size:18px;">functionf1(){varn=999;functionf2(){alert(n); // 999}
}</span>

在上面的代码中,函数f2就被包含在函数f1内部,这时f1内部的全部局部变量,对f2都是可见的。可是反过来就不行,f2内部的局部变量,对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构(chainscope),子对象会一级一级地向上寻找全部父对象的变量。所以,父对象的全部变量,对子对象都是可见的,反之则不成立。

既然f2能够读取f1中的局部变量,那么仅仅要把f2作为返回值,我们不就能够在f1外部读取它的内部变量了吗!

Js代码

<span style="font-size:18px;">functionf1(){varn=999;functionf2(){alert(n);}returnf2;
}
varresult=f1();
result(); //999</span>

这个我们在函数函数f1的外部就能够读取到f1内的变量n的值了。

大家可能注意到了,这个函数函数跟我上边的描写叙述好像非常吻合,没错,这就是闭包了。

那么总结一下闭包都具备哪些特点呢?

1,闭包外层是个函数.
       2,闭包内部都有函数.
       3,闭包会return内部函数.
       4,闭包返回的函数内部不能有return.(由于这样就真的结束了)

闭包有什么作用呢?

一个是像上边所说的那样,在函数外边訪问函数内部的变量。还有一个就是让这些变量的值始终保持在内存中。怎么理解他的第二个作用呢?

看一下下边这个样例:

<span style="font-size:18px;">Js代码
functionf1(){varn=999;functionf2(){alert(++n);}returnf2;
}
varresult=f1();
result(); // 999
result(); //1000</span>

大家能够看到两次运行同一个函数,结果却是不一样的,这个是为什么呢?为什么不像其它语言那个,一个函数运行完以后就被垃圾机制回收呢? 原因就在javascript的垃圾回收机制中,在Javascript中,假设一个对象不再被引用,那么这个对象就会被GC回收。假设两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。由于函数f1被f2引用,f2又被f1外的c引用,这就是为什么函数f1运行后不会被回收的原因。

使用闭包函数应该注意的问题;

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

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

闭包(closure)是Javascript语言的一个难点,也是它的特色,非常多高级应用都要依靠闭包实现.所以学号闭包我们通往高级js程序猿的一个必由之路。

转载于:https://www.cnblogs.com/mengfanrong/p/4030667.html

JavaScipt面向对象编程----闭包相关推荐

  1. JavaScript 面向对象编程(三) —— 函数进阶 / 严格模式 / 高阶函数 / 闭包 / 浅拷贝和深拷贝

    本篇为 JavaScript 进阶 ES6 系列笔记第三篇,将陆续更新后续内容.参考:JavaScript 进阶面向对象 ES6 :ECMAScript 6 入门 系列笔记: JavaScript 面 ...

  2. Python面向对象编程:类继承和其衍生术语

    Python面向对象编程03:类继承和其衍生术语 前面我们讲到过正则表达式字符等,上一篇分享了面向对象编程和类的结构,最后稍微提到了继承. Python面向对象编程:深度认识类class_ Pytho ...

  3. Kotlin极简教程:第7章 面向对象编程

    原文链接:https://github.com/EasyKotlin 在前面的章节中,我们学习了Kotlin的语言基础知识.类型系统.集合类以及泛型相关的知识.在本章节以及下一章中,我们将一起来学习K ...

  4. 简单粗暴地理解js原型链–js面向对象编程

    简单粗暴地理解js原型链–js面向对象编程 作者:茄果 链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html 原型链理解起来 ...

  5. 《javascript面向对象编程指南》读书笔记

    <javascript面向对象编程指南>读书笔记 <javascript面向对象编程指南>读书笔记 第一章 面向对象的JavaScript 第二章 基本数据类型与流程控制 变量 ...

  6. 前端_JavaScript_面向对象编程

    面向对象编程 Objects对象的原生方法分成两类:Object自身的方法(静态方法)和Object的实例方法.注意Object是JavaScript的原生对象,所有的其他对象都是继承自Object对 ...

  7. 浅谈JavaScript 面向对象编程[转]

    这周心血来潮,翻看了现在比较流行的几个 JS 脚本框架的底层代码,虽然是走马观花,但也受益良多,感叹先人们的伟大-- 感叹是为了缓解严肃的气氛并引出今天要讲的话题,"javascript 面 ...

  8. python编程求导数_面向对象编程 —— java实现函数求导

    首先声明一点,本文主要介绍的是面向对象(OO)的思想,顺便谈下函数式编程,而不是教你如何准确地.科学地用java求出函数在一点的导数. 一.引子 defd(f) :defcalc(x) : dx= 0 ...

  9. Java函数式编程和面向对象编程

    文章目录 什么是函数式编程? 什么是面向对象编程? 函数式编程和面向对象编程的优缺点 什么是函数式编程? 函数式编程的核心:在思考问题时,使用不可变对象和函数,函数将一个值经过处理,映射成另一个值. ...

最新文章

  1. 机器学习虽好,也要看什么场合
  2. 离开页面提示是否保存页面修改内容的简单实现
  3. Apache ZooKeeper - 使用ZK实现分布式锁(非公平锁/公平锁/共享锁 )
  4. DOS获取局域网内所有正在使用的ip地址
  5. Struts2零配置介绍(约定访问)
  6. html常用样式margin、border怎么使用
  7. 【Unity】12.4 通过网格分层选择行进路线
  8. Google Guava EventBus用于事件编程
  9. Python实例讲解 -- wxpython 基本的控件 (按钮)
  10. bat获取当前文件夹路径
  11. 不使用软盘加载驱动安装系统的方法--使用nLite集成驱动
  12. tcpdump显示udp包_TCPdump抓包命令详解
  13. SSAS : 如何编写自定义挖掘算法
  14. 第十三章:贝叶斯博弈
  15. CMC5601-微芯智能科技6轴运动控制器
  16. navicat win32注册机下载 | 绿色版
  17. Buffon投针(近似计算π)
  18. 计算机多媒体对语文教学的提高,运用多媒体进行语文教学,有效提高学习效率...
  19. 蓝桥杯单片机设计与开发⑬ ---NE555模块
  20. 2018第二届易观算法大赛报名啦

热门文章

  1. Spring boot maven 搭建框架
  2. HDU5670Machine(抽象进制)
  3. NYOJ 311 完全背包
  4. php二维数组的取值与转换
  5. java中DWR的使用
  6. 研究一下valueOf与toString方法
  7. Windows_API_函数 参考大全
  8. Redundant Connection (684)
  9. 选择 Reac​​tJS 的五大理由
  10. 考试系统—— 刷新页面 考试剩余时间不重新开始