简短几句 通俗解释javascript的闭包

何谓没有被释放资源的栈区和预执行的过程，用一个最常见的示例来解释：
比方现在我们有一个ul，下面有很多个li，需要遍历他们为他们绑定单击事件，并在点击后将当前下标传递给另外一个function来进行额外的处理：


代码如下:

for(var i=0; i<agroup.length; i++) {
　　agroup[i].onclick = function() {
　　　　handler(i);
　　}
}

执行结果显而易见对吧?在handler中，获取传递过去的参数i，你看到的将全部是最大的下标，这个时候，我们通常用下面的办法解决：


代码如下:

for(var i=0; i<agroup.length; i++) {
　　agroup[i].i = i
　　agroup[i].onclick = function() {
　　　　handler(this.i);
　　}
}

那么在这里，先讲一下this的指向问题，从通常来说，javascript中的this是指向当前引用他的对象的。上面我们相当为this新增了一个为i的属性，他的值就是当前的下标值。
那么用闭包的方式如何解决这个问题？其实原理相同，我们需要预先的把i值保存起来，或叫作传递：


代码如下:

for(var i=0; i<agroup.length; i++) {
　　agroup[i].onclick = function(index) {
　　　　return function() {
　　　　　　handler(index);
　　　　}
　　}(i);
}

这个时候你会得到正确的下标，这样做与增加i属性有何雷同之处？也就是他们都预先把下标i值传递或是储存起来。在上面的演示中，预执行onclick所引用的函数，而这个
函数当中返回了一个内嵌函数，形成一个没有被释放资源的栈区，并在预执行的时候将i值以参数的形式传入这个作用域（解释能力有问题，这句解释不知道是否准确，欢迎砖拍）。
综上所述，闭包的作用通常是改变作用域或预执行。应该看官很明白了，上面个出的示例很局限，闭包的应用范围是很广的，了解其因果，才能灵活的使用它。
auntion 2011-11-15
mail Auntion@gmail.com
QQ 82874972
原创文章，请尊重打字的辛劳和作者的权益，转载时请不要删除这里的作者信息。

赞 (0)

相关推荐

  • 简短几句 通俗解释javascript的闭包

    何谓没有被释放资源的栈区和预执行的过程,用一个最常见的示例来解释: 比方现在我们有一个ul,下面有很多个li,需要遍历他们为他们绑定单击事件,并在点击后将当前下标传递给另外一个function来进行额外的处理: 复制代码 代码如下: for(var i=0; i<agroup.length; i++) { agroup[i].onclick = function() { handler(i); } } 执行结果显而易见对吧?在handler中,获取传递过去的参数i,你看到的将全部是最大的下标,这

  • 通俗解释JavaScript正则表达式快速记忆

    通俗解释JavaScript正则表达式快速记忆

    我们知道,正则表达式是一个处理字符串中很实用的技巧.然而,即便是Javascript写的很厉害的程序猿,有时也会忘掉正则表达式的语法,从而使用起来有些棘手 1.正则表达式中最重要的三个符号: 1.1 B 在正则表达式中B有3种类型的括号: 1.1.1 方括号 "[". 方括号"["内是需要匹配的字符.中括号括住的内容只匹配一个单一的字符. ^[ab]$ 1.1.2花括号"{" 花括号"{"内是指定匹配字符的数量. ^[ab]{

  • 跟我学习javascript的闭包

    跟我学习javascript的闭包

    JavaScript 闭包究竟是什么? 用JavaScript一年多了,闭包总是让人二丈和尚摸不着头脑.陆陆续续接触了一些闭包的知识,也犯过几次因为不理解闭包导致的错误,一年多了资料也看了一些,但还是不是非常明白,最近偶然看了一下 jQuery基础教程 的附录,发现附录A对JavaScript的闭包的介绍简单易懂,于是借花献佛总结一下. 1.定义 闭包:是指有权访问另外一个函数作用域中的变量的函数.创建闭包的常见方式就是在一个函数内部创建另外一个函数. 直接上例子 function a(){ v

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

    JavaScript中的闭包真心是一个老生常谈的问题了,最近面试也是一直问到,我自己的表述能力又不能完全支撑起来,真是抓狂.在回来的路上,我突然想到了一个很简单的事情,其实我们在做项目时候,其实就经常用到闭包的,可是面试问的时候,回答又往往是我们经常搜到的答案,唉 不管是应付面试 还是真的想学点东西 ,我也用自己的理解跟大家分享一下,书面化就避免不了了的. 1.闭包是什么? 红宝书中曰:"是指有权访问另外一个函数作用域中的变量的函数." 简单的说,JavaScript允许使用内部函数-

  • 理解和运用JavaScript的闭包机制

    伟大的爱因斯坦同志说过:"如果你无法向一个 6 岁小孩解释清楚某问题,那说明你自己都没整明白".然而,当我向一个 27 岁的朋友解释什么是闭包时,却彻底失败了. 这原本是国外某哥们儿在 Stack Overflow 上对 JavaScript 闭包所提出的问题.不过既然此问题是在 Stack Overflow 提出的,当然也会有很多高手出来解答,其中有些回答确实是经典,如下面这个: 如果在一个外部函数中再定义一个内部函数,即函数嵌套函数,那么内部函数也可以访问外部函数中的变量: fun

  • javascript的闭包介绍(司徒正美)

    闭包的定义非常晦涩--闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落.这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结).简单来说,闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数的执行完成而销毁.周爱民说得更清楚,闭包就是"属性表",闭包就是一个数据块,闭包就是一个存放着"Name=Value"的对照表.

  • 详解JavaScript作用域 闭包

    JavaScript闭包,是JS开发工程师必须深入了解的知识.3月份自己曾撰写博客<JavaScript闭包>,博客中只是简单阐述了闭包的工作过程和列举了几个示例,并没有去刨根问底,将其弄明白! 现在随着对JavaScript更深入的了解,也刚读完<你不知道的JavaScript(上卷)>这本书,所以乘机整理下,从底层和原理上去刨一下. JavaScript并不具有动态作用域,它只有词法作用域.词法作用域是在写代码或者说定义时确定的,而动态作用域是在运行时确定的.了解闭包前,首先我

  • javascript中闭包概念与用法深入理解

    本文实例分析了javascript中闭包概念与用法.分享给大家供大家参考,具体如下: 1.问题的引出,什么时候会遇到闭包? 首先因为JS是没有块状作用域的,但是有函数作用域即函数作为了局部变量之间的界限,不同函数内的局部变量具有独立性, 因为JS没有块状作用域,笔者初学JS时,在事件的监听时,因为不理解JS中局部变量的作用域,犯过不少错误! (1)JS中的变量作用域 for(var i=0;i<9;i++) { } alert(i) //输出9 我们发现,虽然变量i是块状区域for()内的一个局

  • 详谈JavaScript的闭包及应用

    详谈JavaScript的闭包及应用

    闭包真的是学过一遍又一遍,Js博大精深,每次学习都感觉有新的收获.相信在大家封装前端插件时,闭包是必不可少的.闭包的真正好处我个人认为除了封装还是封装,能带个我们私有方法,和调用上的灵活方便,也会使你的代码对外的对象保持干净整洁. 进入正题 维基百科这样定义了JS闭包:在计算机科学中,闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),是引用了自由变量的函数.这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的

  • JavaScript中闭包的写法和作用详解

    1.什么是闭包 闭包是有权访问另一个函数作用域的变量的函数. 简单的说,Javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内.而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量.参数和声明的其他内部函数.当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包. 2.变量的作用域 要理解闭包,首先要理解变量的作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变

随机推荐