`
desert3
  • 浏览: 2159245 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

Javascript Closures闭包、为什么要闭包(闭包作用)、变量作用域

 
阅读更多
转自:http://www.jb51.net/article/24101.htm

1,Javascript变量作用域
全局变量、局部变量(本地变量)
Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量;另一方面,在函数外部无法读取函数内的局部变量Java中变量的访问是依赖于访问控制符,public,private,protected,friendly
这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!

2,如何从外部读取局部变量?
出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。 那就是在函数的内部,再定义一个函数
 function f1(){
    n=999;
    function f2(){
      alert(n); // 999
    }
  }

在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构(chain scope):子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!
  function f1(){
    n=999;
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999

3,闭包的概念
上一节代码中的f2函数,就是闭包。
各种专业文献上的“闭包”(closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部变量的函数
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁

4,闭包的用途
闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。
 function f1(){
    var n=999;
    nAdd=function(){n+=1}
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000

在这段代码中,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,可以在函数外部对函数内部的局部变量进行操作。

5,使用闭包的注意点
  • 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
  • 闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。


分享到:
评论

相关推荐

    scope-chains-closures, Javascript作用域链和闭包 workshop.zip

    scope-chains-closures, Javascript作用域链和闭包 workshop 范围链和闭包 workshop正在启动$ npm install -g scope-chains-closures$ scope-chains-closures # or, shorter: sccjs使用箭头

    javascript 闭包

    理解闭包对于编写高效的 JavaScript 代码至关重要,因为它可以帮助开发者管理作用域、创建私有变量以及在异步操作中保持状态。正确使用闭包可以避免全局变量污染,提高代码的可维护性和性能。在实际编程中,闭包经常...

    Advanced JavaScript (closures,prototype,inheritance)

    闭包是JavaScript中的一个强大特性,它允许函数访问并操作其外部作用域的变量,即使在函数执行完毕后这些变量仍然存在。闭包在内存管理、数据封装和模块化等方面有着重要作用。例如,你可以利用闭包来创建私有变量,...

    为什么JavaScript没有块级作用域

    这种设计导致了 JavaScript 作用域的一些特殊行为,比如变量提升(hoisting)和闭包(closures)等现象。 在传统的编程中,块级作用域指的是在代码块(例如 if 语句、for 循环等)中声明的变量只能在该代码块内部...

    What-is-Scope.pdf.zip_javascript

    闭包是JavaScript中的一个高级概念,它允许函数访问并操作其外部作用域的变量,即使在其外部作用域已经结束的情况下。这通常发生在函数内部定义另一个函数,并返回这个内部函数时。 7. **变量提升(Hoisting)** ...

    Scope(作用域).md

    - **定义**:闭包是一种特殊的函数,它可以访问其自身作用域、外部作用域以及全局作用域中的变量。 - **示例**: ```javascript function foo() { const str = "bar in foo"; return function bar() { return ...

    再探JavaScript作用域

    重要的是要注意,JavaScript没有块级作用域的概念,即在if语句、for循环或其他块语句中声明的变量仍然拥有函数作用域。 函数作用域的一个关键特性是变量提升(hoisting)。变量提升意味着在函数或全局作用域中的...

    深入理解JavaScript系列(16) 闭包(Closures)

    因此,为了更好的理解本文要介绍的内容,建议先去阅读第14章作用域链和第12章变量对象。 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-6-closures/ 概论 在直接讨论ECMAScript闭包之前,还是有必要来看...

    轻松5句话解决JavaScript的作用域

    作用域链的这种特性说明了函数声明的位置非常重要,也解释了为什么内部函数可以访问外部函数作用域中的变量。 五、不同的函数作用域内变量会互相独立:即使在同一个作用域内,不同的函数作用域中的变量也是相互独立...

    js 作用域和变量详解

    此外,对于一些特殊的JavaScript结构,如闭包(closures),对变量的作用域和提升机制有更深入的理解,可以更好地控制变量的访问权限和生命周期,从而写出更加高效和安全的代码。 总而言之,JavaScript的作用域和...

    浅谈JavaScript的函数及作用域

    这就是闭包(closures)的基础,闭包允许函数访问并操作外部作用域的变量,即使函数已经执行完毕。 **立即执行函数表达式(IIFE)** 是一种常见的技巧,用于创建临时的私有作用域,防止变量污染全局环境: ```...

    Swift视频教程 基础语法系列 挂尾闭包

    它们可以在代码的任何地方被定义、存储和传递,同时可以访问定义时的作用域内的变量。Swift中的闭包表达式提供了简洁的语法,使得闭包可以快速地定义和使用。 挂尾闭包的语法特征如下: 1. 当闭包是函数的最后一个...

    closures:您不会相信这种重写闭包的怪异方法

    上有幻灯片将代码转换为无闭包等效项要将某些常规JavaScript转换为演示的无封闭版本,请访问并添加一些代码。 请注意,它非常有限,不会处理任何边缘情况(例如,每行多个var声明,函数声明等)

    [Groovy入门]第五讲.将流程控制语句与方法重构为闭包

    闭包是Groovy中的一种函数对象,它可以捕获和存储其定义时的作用域内的变量,即使在闭包被传递或存储后仍然可以访问这些变量。闭包的特点在于它的“闭合”特性,即它能够记住并访问创建它的环境。在Groovy中,闭包...

    JavaScript函数式编程.pdf

    由于JavaScript的作用域链,闭包能够访问到函数定义时的外部变量,即使外部函数已经执行结束。闭包通常用于创建私有变量和方法,以及数据封装。 4. 纯函数和副作用 纯函数是指在相同的输入下总是产生相同输出,...

    aprendendo-Closures-criando-uma-calculadora:我将创建一个计算器,以详细了解javascript中的闭包

    闭包是一种特殊的作用域机制,允许函数访问并操作其外部作用域的变量,即使在其外部作用域已经结束之后。通过创建计算器的例子,我们可以深入理解闭包的工作原理。 首先,让我们了解一下闭包的基本概念。在...

    深入理解JavaScript系列

    闭包是JavaScript中的一个重要特性,它允许函数访问和操作外部作用域的变量,常用于实现私有变量、模块化以及异步编程等。 通过学习《深入理解JavaScript系列》,无论是新手还是经验丰富的开发者,都能进一步提升...

    JavaScript第7章

    1. **闭包(Closures)**:闭包是JavaScript中的一个重要概念,它允许函数访问并操作其外部作用域的变量,即使在该外部函数已经执行完毕后。理解闭包对于编写高效且无副作用的代码至关重要。通过闭包,我们可以实现...

    Mastering Ruby Closures

    闭包在编程中是一个核心概念,它允许一个函数或表达式引用到其外部函数的作用域中的变量。在Ruby中,闭包是一种对象,它可以存储一段代码块以及这段代码可以访问到的变量。闭包的这一特性使得它们在处理集合数据或...

Global site tag (gtag.js) - Google Analytics