再再访javascript闭包

作者: smartphp | 来源:发表于2016-12-17 22:39 被阅读69次

还是闭包,闭包在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

相关文章

  • 再再访javascript闭包

    还是闭包,闭包在javascript的编程中作用太大。仍然还是要加深理解这次的例子是来自《javascript设计...

  • 什么是闭包?面试必看!

    什么是闭包 什么是闭包,你可能会搜出很多答案.... 《JavaScript高级程序设计》这样描述:闭包是指有权访...

  • JavaScript----闭包

    javascript之闭包 闭包的概念     闭包(closure)是 JavaScript 的一种语法特性。 ...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • javascript中闭包是什么

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就...

  • Javascript 闭包

    闭包 (注:所以案例以 javascript 实现) 初识闭包 什么是闭包 MDNClosures are fun...

  • 作用域闭包

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • JavaScript 作用域

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • 20170815 前端开发日报

    JavaScript闭包,只学这篇就够了 闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭...

  • JavaScript深入理解-闭包(Closure)

    推荐文章:学习Javascript闭包(Closure)- 阮一峰javascript深入理解-从作用域链理解闭包...

网友评论

    本文标题:再再访javascript闭包

    本文链接:https://www.haomeiwen.com/subject/vilamttx.html