星空网 > 软件开发 > Java

头疼的闭包

前端初学者在学习时都会遇上一个很头疼的问题-----闭包

那么什么是闭包? 

官方的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

广义上的闭包就是指一个变量在它自身作用域的被使用了,就叫发生了闭包。粗鲁地理解:闭包就是能够读取其它函数内部变量的函数。 在js中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单粗暴地理解成“定义在一个函数内部的函数”,即一个函数嵌套了另一个函数。 

闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:

作用域链,垃圾(内存)回收机制,函数嵌套......

 

变量的作用域 

Js中变量的作用域分两种:全局变量和局部变量。 

函数内部可以直接读取全局变量。  

1 var n = 'RORO彦';2 function f1() {3   console.log(n);4 }5 f1();

 

在函数外部自然无法读取函数内的局部变量。 

1   function f1(){2   var n= 'RORO彦';3 }4 console.log(n); // error

   

此外,函数内部声明变量时,一定要用var关键字来命名变量。否则,就声明了一个全局变量。

当我们需要从外部读取局部变量,得到函数内的局部变量,可以在函数的内部再定义一个函数。  

1   function f1(){2   n = 'RORO彦';3   function f2(){4    console.log(n);5   }6 }

如上,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2是可见的。反之,不行。这就是Javascript语言特有的“链式作用域”结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。

 

现在f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们就可以在f1外部读取它的内部变量

1 function f1(){2   n = 'RORO彦';3   function f2(){4     console.log(n);5   }6   return f2;7 }8 var result=f1();9 result(); // RORO彦

 

 作用

1.读取函数内部的变量

2.令这些变量的值始终保持在垃圾(内存)回收机制中。 

 1  function f1(){ 2   var n = 'RORO彦'; 3   add=function(){n = 'RORO';}; 4   function f2(){ 5     console.log(n); 6   } 7   return f2; 8 } 9 var result=f1();10 result(); // RORO彦11 add();12 result(); // RORO

在这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次是RORO彦,第二次是RORO。函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除,而是保存在内存堆(heap)里, 原因是它被包装或封装在一个函数体内,这些构造器都被称为闭包。它返回调用函数的运行结果,是函数本身。此外,add的值是一个匿名函数,它本身也是一个闭包,所以add相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。

 

注意事项 

函数中的变量都保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。闭包会在父函数外部改变父函数内部变量的值。所以,当你把父函数当作对象使用,把闭包当作它的公用方法,把内部变量当作它的私有属性,不要随便改变父函数内部变量的值。

 

闭包与抽象数据类型

我们通过闭包能简单地引入抽象数据类型。

例如,通过闭包实现一个 堆栈。

function createStack() { var elements = []; return {  push: function(el) { elements.unshift(el); },  pop: function() { return elements.shift(); } };}var stack = createStack();stack.push(3);stack.push(4);stack.pop(); // 4

闭包与面向对象编程

在 JavaScript 中,闭包不是堆栈数据类型的最佳实现方式。用原型 Prototype 实现对内存更友好,在当前对象实例找不到相应属性或方法时,会到相应实例共同引用的 Prototype 属性寻找相应属性或方法。如果在当前Prototype属性找不到时,会沿着当前原型链向上查找,而Prototype 上的属性或方法是公用的,而不像实例的属性或方法那样,各自单独创建属性或方法,从而节省更多的内存。

上述构造器看起来非常像类、对象、实例值和私有/公有方法。闭包与类相似,都会将一些能操作内部数据的函数联系在一起。于是,我们可以像使用对象一样使用闭包。当我们想在 JavaScript 创建“真正的”隐藏域,或者需要创建简单的构造器时,我们可以优先使用闭包。不过对于一般的类来说,闭包可能还是有点太繁重了。

 

注:参考资料《javascript权威指南》第6版中文版




原标题:头疼的闭包

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

国际小包物流有哪些:https://www.goluckyvip.com/tag/102493.html
什么叫国际快递小包:https://www.goluckyvip.com/tag/102494.html
国际包裹大概需要多少钱:https://www.goluckyvip.com/tag/102495.html
国际专线小包快递:https://www.goluckyvip.com/tag/102496.html
国际航空小包:https://www.goluckyvip.com/tag/102497.html
国际快递小包哪个便宜:https://www.goluckyvip.com/tag/102498.html
​TikTok发生了什么?美区增长首次停滞,准入管理力度加大:https://www.kjdsnews.com/a/1836407.html
2024年如何找到在TikTok上发帖的最佳时间:https://www.kjdsnews.com/a/1836408.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流