`

JavaScript Closure 闭包

阅读更多

看几个case:

-------------------------------1. -------------------------------

<script>
var name = 1;
function test1() {
    alert(name);
    var name = 2;
    alert(name);
   
    for(var i=0; i<10; i++) {
        var j = 100;
    }
    alert(i);
    alert(j);
}
</script>

alert依次出现:undefined, 2, 10, 100

JS变量的作用范围是function级别,与Java明显不同的是,Java有block级别的变量命名空间,比如for循环中的变量出了循环之后不能再使用,但是JS不同,所有定义在同一个function(暂不说嵌套function的情况)中的变量,会覆盖外部的同名变量,而无论是在本function的哪一行声明它,如果在声明它之前访问它,其值就是unfined

 

-------------------------------2. -------------------------------

<script>
var name = 1;
function test() {
    var name = 2;
    return function() {
        alert(name);
    }
};
var name = 3;
var f = test();
f();
</script>

 

alert的结果为2,这个是典型的闭包问题

 

 

 

-------------------------------3. -------------------------------

var a = 1;
function test1() {
    alert(a);
}
function test2() {
    var a = 2;
    alert(a);
}
test2();
结果会输出1,这也是闭包的问题。
好了,总结一下2和3这两个例子,可以这样解释,在定义阶段(不是运行阶段)JS遇到一个方法的定义时,方法中使用到某些变量,解释器开始寻找这个变量定义的位置,一旦找到就会绑定到这个变量。在运行时环境中再去寻找这个变量的值。所以,方法中的变量是定义时绑定好了的,不是在运行时。
分享到:
评论

相关推荐

    closure闭包

    在描述中提到的"求文法的closure闭包"实际上可能是指在编译器设计和解析理论中的另一个概念,与编程语言中的闭包不同。这里所说的"closure"可能是关于正规文法的扩展,即E-closure。在正规文法中,E-closure是对一个...

    JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解

    闭包(Closure)是一个可以包含自由变量的代码块,这个自由变量并不是在这个代码块或任何全局上下文中定义的,而是在定义代码块的环境中定义。简单来说,闭包就是在一个函数内部定义另一个函数,内层函数可以引用...

    JavaScript闭包

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ...

    JavaScript闭包(closure).pdf

    JavaScript中的闭包是一种高级特性,它是函数和其周围状态(词法作用域)的组合,即使函数在其定义的作用域之外被调用,它仍然能访问到这些状态。这个概念是JavaScript编程中的核心部分,尤其在处理异步操作、模块化...

    javascript 闭包

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。

    javascript闭包详解中文word版

    资源名称:javascript闭包详解 中文word版   内容简介: ... Javascript中有几个非常重要的语言特性——对象、原型...闭包是Closure, 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    javascript闭包高级教程

    ### JavaScript闭包高级教程 #### 简介 在JavaScript编程中,“闭包”是一个非常重要的概念,尤其对于希望深入理解和高效使用JavaScript的开发者来说。简单地说,闭包是一种能够记住并访问其创建时周围环境的函数...

    javascript闭包

    ### JavaScript闭包详解 #### 一、闭包概念与工作机制 **闭包**是JavaScript中最强大的特性之一,它使得函数能够记住并访问其定义时所在的作用域中的变量。要理解和运用闭包,首先需要理解作用域、作用域链以及...

    javascript中闭包(Closure)详解

    闭包在JavaScript中是一个至关重要的概念,它涉及到函数、作用域和变量持久化的特性。闭包的本质是一个函数,这个函数可以访问并操作其外部函数作用域内的变量,即使外部函数已经执行完毕,这些变量仍然会被保留。这...

    深入理解javascript原型和闭包.pdf

    闭包(Closure)是JavaScript中的另一个重要概念,是指函数和声明该函数的词法环境的组合。闭包允许一个函数访问并操作函数外部的变量。闭包的形成离不开函数嵌套和函数作为返回值的使用。闭包的优点是可以保存状态...

    从理论角度讨论JavaScript闭包

    本文将介绍一个在JavaScript经常会拿来讨论的话题 —— 闭包(closure)。 闭包其实已经是个老生常谈的话题了; 有大量文章都介绍过闭包的内容, 尽管如此,这里还是要试着从理论角度来讨论下闭包, 看看ECMAScript...

    闭包javascript.pdf

    在计算机科学中,闭包(Closure)是一种函数,它在一个包含一个或多个绑定变量的环境中被评估。当这个函数被调用时,它可以访问那些绑定变量。换句话说,闭包可以记住在其创建时周围存在的任何变量的状态,即使在...

    Javascript闭包(Closure)详解

    在深入探讨闭包之前,我们首先需要理解JavaScript中变量的作用域。在JavaScript中,变量的作用域主要分为全局变量和局部变量。全局变量在任何地方都是可见的,而局部变量只在声明它的函数内可见。JavaScript函数的...

    理解javascript函数式编程中的闭包(closure)_.docx

    本篇文章主要探讨JavaScript函数式编程中的一个重要概念——闭包(closure)。闭包是一种特殊的函数,它能记住其定义时的作用域,即使在函数执行完毕后,仍然可以访问到该作用域内的变量。在JavaScript中,每个函数...

    javascript闭包(Closure)用法实例简析

    本文实例讲述了javascript闭包(Closure)用法。分享给大家供大家参考,具体如下: closure被翻译成“闭包”,感觉这东西被包装的太学术化。下面参考书本和网上资源简单探讨一下(理解不当之处务请留意)。 1、什么是...

    Javascript的闭包详解

    前言:还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/...闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可

Global site tag (gtag.js) - Google Analytics