再再访javascript闭包

还是闭包,闭包在javascript的编程中作用太大。仍然还是要加深理解
这次的例子是来自《javascript设计模式》
pro javascript design patterns sourcecode 这本书算是比较老的了。上帝要我学好javascript,花了不少力气。本地图书馆的 javascript的设计模式的书籍尽然悉数尽收了。名字直接带js 设计模式的书四本都有,《精通javascript》,《javascript面向对象编程》有内容涉及。几本javascript的动物书都有。

直接看代码,这个代码的问题,其实在tab编程的时候,已经在用了,但是还不是太清楚。关键点:每次调用闭包的时候,都会创建一个单独的作用域,或者叫作用域气泡,这个作用域中的变量和其他闭包的变量是隔绝的,所以叫气泡。javascript通过闭包可以达到隐藏和封装信息的用途。

//foo()函数是外部函数。bar()是内部函数,var a=10是使用var 关键字
//定义的变量,而且位于foo()函数内部,在全局作用域下是访问不到的
//所以是私有变量。bar()函数位于foo()函数内部,拥有访问foo()作用域的权利。

function foo() {
   var a = 10;
 
   function bar() {//bar()函数是内部函数,可以访问到var a 变量,或者叫捕获
     a *= 2; 
     return a; //return  局部变量
   }
   
   return bar;     //返回内部函数,这样在foo()作用域外也可以访问到bar
           //函数,由于变量a也从bar()函数返回,变量从 foo()作用域中脱逃出来。
  
}

var baz = foo(); // baz是函数foo()的引用
baz(); // returns 20. //奇妙的地方在这里
baz(); // returns 40.//也是
baz(); // returns 80.//也是
//持续调用baz实际上在同一个foo()作用域里面的操作.这里就只有一个
//作用域存在,变量a也就可以一直保存改变的值了。

//下面就不同了,blat重新引用了foo()函数,重新创建了一个闭包作用
//域,变量a是从10开始的,可以理解为初始化。

var blat = foo();   //这是foo()的另一引用。这里有点绕了。
//闭包的变量是在定义闭包时候就定义好的,与运行时是无关的。
//所以在第二次引用闭包是变量的初始值还是10
//这个地方是不是有些熟悉?是的,和函数绑定的对象刚好是相反的,
//函数绑定的作用域对象是在运行时绑定的,与定义函数时的作用域无关
blat();    // returns 20
blat();    // returns 40
    原文作者:smartphp
    原文地址: https://www.jianshu.com/p/3d8cf04d95e4
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞