前端基础知识总结-闭包
2018-03-28 21:55
190 查看
闭包(点击打开链接) | |||||||
---|---|---|---|---|---|---|---|
|
在这段代码中,result实际上就是闭包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中可能导致内存泄露 4000 。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 |
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 Windowvar name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ var that = this; return function(){ return that.name; }; } }; console.log(object.getNameFunc()());//My Object |
()()代表立即执行 |
function fatherScope(){ var scope="father"; return function sonScope(){ var scope="son"; return scope; } } fatherScope()();//son |
var fun=(function fatherScope(){ var scope="father"; return function sonScope(){ var scope="son"; return scope; } }()); fun(); var fun=(function fatherScope(x){ var i=0; return function(){ return x[i++]; } }(['a','b','c'])) // var sas=fatherScope(['a','b','c']); // sas(); fun(); |
相关文章推荐
- 基础知识总结-前端面试(一)
- Web前端开发基础知识--部分总结
- 前端基础知识总结
- 前端基础知识总结
- web前端基础知识总结
- 前端基础知识总结
- web前端基础知识总结
- 前端基础知识总结-原型与原型链
- 基础知识总结-前端面试(一)
- 关于前端基础知识的一些总结
- Android基础知识总结
- [置顶] Web前端 基础知识总结(Javascript篇)
- Java基础知识总结(绝对经典)
- 全国计算机技术与软件专业技术资格(水平)考试【软件评测师】-考试内容总结(一)计算机系统构成及硬件基础知识
- 实战nginx 基础知识总结(一)1.1基础知识
- java基础知识总结
- 数据结构之二叉树基础知识总结
- 基础知识点总结:数据结构
- java基础知识总结
- 计算机网络基础知识总结