`
akunamotata
  • 浏览: 373846 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Javascript闭包

    博客分类：
  • js
JavaScriptHTML 
阅读更多

闭包的“闭”是指闭包的内部环境对外部不可见，也就是说闭包具有控制外部域的能力但是又能防止外部

对闭包的反向控制，换句话说，闭包的领域是对外封闭的。这一特点是因为javascript闭包是通过function实现的

所以它天然具有基本的函数特征，在闭包内声明的变量，闭包外的任何环境都无法访问的，除非闭包向外部

环境提供了访问它们的接口。

一个体现闭包本质的例子 

   1. <html>  
   2.   
   3. <head>  
   4.   
   5.     <title>Example-22.2 闭包的本质</title>  
   6.   
   7. </head>  
   8.   
   9. <body>  
  10.   
  11. <script>  
  12.   
  13. <!-  
  14.   
  15. //A是一个普通的函数  
  16.   
  17. function A(a)  
  18.   
  19. {  
  20.   
  21.     return a;  
  22.   
  23. }  
  24.   
  25. //B是一个带函数返回值的函数  
  26.   
  27. function B(b)  
  28.   
  29. {  
  30.   
  31.     return function (){  
  32.   
  33.         return b;  
  34.   
  35.     }  
  36.   
  37. }  
  38.   
  39. var x = A(10);   
  40.   
  41. //因为A除了返回a外什么也没做，执行A()函数后，调用堆栈被销毁  
  42.   
  43. //没有产生闭包，或者说在调用"瞬间"产生了闭包，然后马上被销毁  
  44.   
  45. var y = B(20);  
  46.   
  47.     //因为B返回了一个匿名函数引用，它访问到B()被调用时产生的环境  
  48.   
  49.     //因此这里产生了一个"闭包结构"(closure或者function instance)  
  50.   
  51.     //在它的环境中，b = 20，因此y()的返回结果是20  
  52.   
  53. var z = B(30);  
  54.   
  55.     //同样，这里产生了第二个"闭包结构"  
  56.   
  57.     //在它的环境中，b = 30，因此z()的返回结果是30  
  58.   
  59. alert(x);   //得到10  
  60.   
  61. alert(y()); //得到20  
  62.   
  63. alert(z()); //得到30  
  64.   
  65. -->  
  66.   
  67. </script>  
  68.   
  69. </body>  
  70.   
  71. </html>  
  72. 闭包是一种引用结构，至少在javascript中是这样，javascript中的闭包也可以理解为一种“函数实例引用”
  
   1. javascript的对象中的是有属性其实就是环境中的非持久性变量，而在构造函数内部用this.foo = function(){...}
  
形式定义的方法其实也是闭包的一种创建形式，只是它提供了一种开放了“外部接口”的闭包
 
分享到：
| Ajax中文乱码问题解决方案
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics