`

浅析Javascript闭包的特性

阅读更多
        Javascript闭包的定义非常晦涩——闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。

        简单来说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数 的执行完成而销毁。周爱民说得更清楚,闭包就是“属性表”,闭包就是一个数据块,闭包就是一个存放着“Name=Value”的对照表。就这么简单。但 是,必须强调,闭包是运行期概念,一个函数实例。

        Javascript闭包的实现,通常是在函数内部再定义函数,让该内部函数使用上一级函数的变量或全局变量。

        ECMAScript认为使用全局变量是一个简单的Javascript闭包实例。

var sMessage = "Hello World";
function sayHelloWorld(){
    alert(sMessage);
};
sayHelloWorld();


        但它完成没有体现Javascript闭包的特性……

        附上今天在无忧看到的问题:
        要求:
        让这三个节点的Onclick事件都能正确的弹出相应的参数。

<ul>    
<li id="a1">aa</li>    
<li id="a2">aa</li>   
<li id="a3">aa</li>   
</ul>   
<script type="text/javascript">   
<ul>   
<li id="a1">aa</li>   
<li id="a2">aa</li>   
<li id="a3">aa</li>   
</ul>   
<script type="text/javascript">   
    for(var i=1; i < 4; i++){   
        var id = document.getElementById("a" + i);   
        id.onclick = function(){   
        alert(i);//现在都是返回4      
    }   
}   
</script> 


正解:
for(var i=1; i < 4; i++){    
    var id = document.getElementById("a" + i);    
    id.onclick = new function(){        
        var i2=i;//这个i是闭包的闭包       
        return function(){           
            alert(i2);       
        }     
    };   
} 
分享到:
评论

相关推荐

    浅析javascript闭包 实例分析

    闭包是JavaScript中的一个重要...总的来说,闭包是JavaScript中一个非常强大的特性,它能够帮助开发者构建模块化和封装私有状态的代码,但同时也需要开发者对闭包的生命周期和作用域有充分的理解,以避免潜在的问题。

    浅析javascript语言中的函数闭包现象.pdf

    3. 意外创建的闭包可能带来问题,开发者需要清楚地认识到闭包的存在及其影响,以避免不期望的结果,尤其是在不熟悉闭包特性的代码中。 总之,理解和掌握JavaScript中的闭包对于编写高效、安全的代码至关重要,它...

    Javascript闭包与函数柯里化浅析_.docx

    JavaScript中的闭包和函数柯里化是两种强大的编程技术,它们在函数式编程中起着核心作用。理解并熟练运用这两种技术,可以帮助开发者编写出更加高效、可维护的代码。 **闭包** 闭包是一种特殊的现象,它允许内部...

    JavaScript中闭包之浅析解读(必看篇)

    闭包的这些特性使得它在JavaScript开发中是一个不可或缺的工具。无论是用于封装私有状态、模拟私有方法,还是用于控制作用域,提高代码的模块化和维护性,闭包都扮演了重要角色。掌握闭包的使用,对于每一个前端...

    JavaScript中闭包之浅析解读(必看篇)_.docx

    JavaScript中的闭包是一种重要的编程概念,它涉及到函数和作用域的高级用法。闭包简单来说,就是一个函数能够访问并操作其外部作用域中的变量,即使在其外部函数已经执行完毕后,仍然能保持对外部作用域的访问权限。...

    Javascript闭包与函数柯里化浅析

    闭包和柯里化都是JavaScript经常用到而且比较高级的技巧,所有的函数式编程语言都支持这两个概念,因此,我们想要充分发挥出JavaScript中的函数式编程特征,就需要深入的了解这两个概念,闭包事实上更是柯里化所不可...

    浅析JavaScript面向对象编程的实现.pdf

    总结来说,尽管JavaScript不是一种传统的面向对象语言,但通过函数、原型和闭包等机制,它可以实现面向对象编程的关键特性,如封装、继承和多态。这使得JavaScript在Web开发中具有很高的灵活性和实用性。

    深化浅析JavaScript中的Function类型_.docx

    7. **函数的其他特性**:JavaScript函数还支持闭包、作用域、原型链等高级特性。闭包允许函数访问并操作其外部作用域的变量,即使在其外部作用域已经销毁的情况下。作用域决定了变量的可见性和生命周期,而原型链则...

    深化浅析JavaScript中的作用域和上下文_.docx

    理解JavaScript的作用域和上下文对于编写无错、可维护的代码至关重要,尤其是在涉及闭包、异步操作和事件处理等高级概念时。正确理解和使用这些概念可以帮助避免作用域冲突、内存泄漏等问题,同时提高代码的效率和...

    深化浅析JavaScript中数据共享和数据传递_.docx

    因此,应避免在全局作用域中过度使用变量,尽可能使用局部作用域,使用闭包保护敏感数据,并确保在不再需要数据时正确清理和释放资源。 总结起来,JavaScript中的数据共享和数据传递是通过作用域、全局变量、内存...

    浅析JavaScript作用域链、执行上下文与闭包

    JavaScript中的作用域、执行上下文和闭包是理解JavaScript运行机制的关键概念。本文将深入探讨这些概念,并通过实例解析它们的工作原理。 首先,我们来看**词法作用域**。JavaScript遵循词法作用域规则,意味着变量...

    javascript中的return和闭包函数浅析

    }` 中,展示了如何结合 `return` 和 IIFE 来创建并立即执行一个函数,这使得函数执行的结果可以直接返回,并且由于闭包的特性,内部函数可以访问外部函数的变量 `x`。 最后,文章通过另一个例子 `(function(x, y){...

    浅析javascript函数表达式

    总结,JavaScript函数表达式是语言中的一个重要概念,涉及到递归、闭包、this对象以及模拟块级作用域等核心特性。理解这些概念对于编写高效、健壮的JavaScript代码至关重要。通过深入学习和实践,开发者可以更好地...

Global site tag (gtag.js) - Google Analytics