JavaScript闭包
2015-08-05 10:03
435 查看
之前一直听他们提到闭包闭包,我一直在纳闷闭包究竟是什么?学习JavaScript我都没有注意这一知识点,前几天我终于了解了闭包是什么,使用闭包有什么用途或好处,当然还有闭包的缺点!
一、闭包是什么?他的定义是什么?
先来看一个例子:
这段代码有两个特点:
1、函数b嵌套在函数a内部;
2、函数a返回函数b。
而这段代码中函数b就是一个闭包
闭包有很多定义:(1)闭包就是能够读取其他函数内部变量的函数。
(2)定义在一个函数内部的函数
(3)闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
(4)JavaScript中所有的function都是一个闭包
二、闭包的用途/好处
闭包有两个用途:
(1)可以读取函数内部的变量
(2)让这些变量的值始终保持在内存中
第一个用途很容易理解,但第二个用途怎么理解呢?
因为a是b的父函数,而a被赋给了一个全局变量,这导致a始终在内存中,而b的存在依赖于a,因此b也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage
collection)回收。
下面的一个例子就很好的解释了第二个用途。
三、闭包的缺点
上面提到闭包的好处可以让函数的变量值始终保存在内存中,这在一方面可能会给我们带来便利,但同时也存在着隐患。
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(PublicMethod),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
一、闭包是什么?他的定义是什么?
先来看一个例子:
function a() { var i = 0; function b() { alert(++i); } return b; } var c = a(); c();//1
这段代码有两个特点:
1、函数b嵌套在函数a内部;
2、函数a返回函数b。
而这段代码中函数b就是一个闭包
闭包有很多定义:(1)闭包就是能够读取其他函数内部变量的函数。
(2)定义在一个函数内部的函数
(3)闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
(4)JavaScript中所有的function都是一个闭包
二、闭包的用途/好处
闭包有两个用途:
(1)可以读取函数内部的变量
(2)让这些变量的值始终保持在内存中
第一个用途很容易理解,但第二个用途怎么理解呢?
因为a是b的父函数,而a被赋给了一个全局变量,这导致a始终在内存中,而b的存在依赖于a,因此b也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage
collection)回收。
下面的一个例子就很好的解释了第二个用途。
function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000
三、闭包的缺点
上面提到闭包的好处可以让函数的变量值始终保存在内存中,这在一方面可能会给我们带来便利,但同时也存在着隐患。
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(PublicMethod),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
相关文章推荐
- JavaScript的加载和运行
- JavaScript为unicode编码转换为中文(转)
- 编写高质量JavaScript代码
- 20个最常用的javascript方法函数
- JSP
- JavaScript使用FileSystemObject对象写入文本文件内容的方法
- jsPlumb,适用于开发Web上的图表、建模工具
- json解析过程中遇到net.sf.json.JSONException: There is a cycle in the hierarchy!问题
- js如何实现点击标签文字,文字在文本框出现
- Js添加到HTML
- JavaScript实现删除,移动和复制文件的方法
- 06-js禁止回车提交表单
- Emberjs搜索
- C#Json数据反序列化为Dictionary并根据关键字获取指定的值
- Newtonsoft.Json 方法使用()
- js学习一:简单的鼠标移动和移出效果案例
- 深入理解javascript之防篡改对象
- JS 返回上一步(退回上一步上一个网页)
- JavaScript语法
- 用JS做图片轮播