`
dacoolbaby
  • 浏览: 1264764 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

浅议JavaScript闭包

阅读更多

在JavaScript的OOP世界里面,返回的不仅仅是一个对象,还可以是一个方法。

这是什么意思呢?

 

将方法当作一个对象返回,你执行这个对象,就可以达到预期规则的效果。

这样解释比较难理解,看下面这个例子吧:

//*************闭包uniqueID************* 
uniqueID = (function(){ //这个函数的调用对象保存值 
    var id = 0; //这是私有恒久的那个值 
    //外层函数返回一个有权访问恒久值的嵌套的函数 
    //那就是我们保存在变量uniqueID里的嵌套函数. 
    return function(){return id++;};  //返回,自加. 
})(); //在定义后调用外层函数,如果不定义,则会将return后面的内容当作字符串输出。而不是一个函数。  
document.writeln(uniqueID()); //0 
document.writeln(uniqueID()); //1 
document.writeln(uniqueID()); //2 
document.writeln(uniqueID()); //3 
document.writeln(uniqueID()); //4 

//*************闭包阶乘************* 
var a = (function(n){ 
    if(n<1){ alert("invalid arguments"); return 0; } 
    if(n==1){ return 1; } 
    else{ return n * arguments.callee(n-1); } 
})(4); 
document.writeln(a); 

 

你会发现,上面的代码中,function的用法和平时的用法不一样。

在JavaScript中,function既是声明方法的关键字:

function helloworld(){
    alert("helloworld");
}

 也是声明一个对象的构造函数的关键字:

function User(id,name){
    this.id = id ; 
    this.name = name;
}

 

而使用JavaScript的闭包,就是这样一个东西:

var sayHello = (function(){alert("hello");})();

sayHello();

 

一句话解释,就是一个可执行方法对象。

官方的说法,贴出来,也看一下。

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

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

 

在Javascript中闭包(Closure),有两个特点:

  • 作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态。
  • 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。

 

日常中有这样的例子:

让这三个节点的Onclick事件都能正确的弹出相应的参数。

<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>
现在3个事件都是4。如何修改呢?
使用闭包吧。快使用闭包吧!
var lists = document.getElementsByTagName("li"); 
for(var i=0,l=lists.length; i < l; i++){ 
  lists[i].onclick = (function(i){//保存于外部函函数 
    return function(){ 
      alert(i); 
    } 
  })(i); 
}  
var lists = document.getElementsByTagName("li"); 
for(var i=0,l=lists.length; i < l; i++){ 
  lists[i].onclick = new function(){ 
    var t = i; 
    return function(){ 
      alert(t+1) 
    } 
  } 
}  
 2中闭包的实现方式,看个人喜好吧。
在try...catch里面使用闭包:
var lists = document.getElementsByTagName("li"); 
for(var i=0,l=lists.length; i < l; i++){ 
  try{ 
    throw i; 
  }catch(i){ 
    lists[i].onclick =  function(){ 
      alert(i) 
    } 
  } 
}  
 
好的,今天到此为止。

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    JavaScript闭包研究及典型应用.pdf

    JavaScript 闭包研究及典型应用 JavaScript 闭包是一种强大的技术,能够在各种场景中发挥重要作用。本文将介绍 JavaScript 闭包的定义、使用场景和典型应用。 闭包函数的定义和使用场景 在 JavaScript 语言中,...

    JavaScript闭包

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

    基于JavaScript闭包的Web图片浏览控件的实现.pdf

    基于JavaScript闭包的Web图片浏览控件的实现 本文主要讲解了基于JavaScript闭包原理的Web图片浏览控件的实现,包括JavaScript闭包概念、闭包应用场景、Web图片浏览控件的设计思路和实现方法。 1. JavaScript闭包...

    javascript 闭包

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

    javascript闭包详解中文word版

    资源名称:javascript闭包详解 中文word版   内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...

    javascript闭包的理解

    标题《JavaScript闭包的理解》涉及的知识点主要围绕JavaScript编程中的一个重要概念——闭包。闭包是一个高级且复杂的话题,它是JavaScript语言的核心特性之一,同时也是一大难点。要想熟练运用JavaScript,掌握闭包...

    javascript闭包详解

    javascript闭包详解 javascript闭包详解 javascript闭包详解

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

    在深入讨论JavaScript闭包之前,首先需要了解JavaScript的变量作用域。在JavaScript中,变量的作用域分为两种:全局变量和局部变量。全局变量是在函数外部定义的变量,可以在JavaScript程序的任何地方被访问。局部...

    javascript 闭包实例下载

    JavaScript 闭包是一种高级编程概念,它在JavaScript中扮演着至关重要的角色,特别是在函数式编程和模块化设计中。闭包本质上是函数和其能够访问的变量(包括局部变量)的组合,即使函数已经执行完毕,这些变量仍然...

    JavaScript闭包函数

    闭包是ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在不经意间创建闭包,但这些无意创建的闭包却存在潜在的危害,尤其是在比较常见的浏览器环境下...

    基于javascript 闭包基础分享

    在JavaScript编程中,闭包是一个核心概念,它允许函数记住并访问所在词法作用域,即使当函数在其词法作用域之外执行时。闭包的特性使得它在JavaScript中既神秘又强大。 首先,我们从闭包的定义谈起。在JavaScript中...

    【JavaScript源代码】详解JavaScript闭包问题.docx

    详解JavaScript闭包问题  闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分,JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作,闭包在主流JavaScript库...

    javaScript闭包技术资料

    ### JavaScript闭包技术详解 #### 一、闭包的基本概念 **闭包**是JavaScript中一个重要的概念,它涉及到函数的执行环境、作用域链等关键要素。简单来说,闭包是一个函数及其相关的引用环境的组合。具体而言,当一...

    javascript闭包高级教程

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

    浅谈JavaScript闭包

    JavaScript闭包是前端开发中非常重要且基础的概念,它允许一个函数访问并操作函数外部的变量。具体来说,闭包就是一个函数和声明该函数的词法环境的组合。在JavaScript中,闭包允许内层函数持续访问外层函数的作用域...

    Javascript闭包实例详解

    JavaScript中的闭包是一种重要的编程概念,它涉及到函数、作用域和变量持久化。闭包本质上是函数能够记住并访问其词法作用域内的变量,即使该函数已经执行完毕且其外部作用域不再存在。这种特性使得闭包成为...

    浅谈JavaScript for循环 闭包_.docx

    浅谈JavaScript for循环闭包 在JavaScript中,for循环和闭包是两个非常重要的概念。本文将对JavaScript for循环和闭包进行浅谈,并提供六种解决方案来解决for循环中的闭包问题。 首先,让我们来看一个例子。我们有...

    javaScript闭包的理解

    ### JavaScript闭包的理解 #### 一、闭包的定义与特点 闭包是JavaScript中一个非常重要的概念,它指的是一个函数能够访问并操作其外部作用域中的变量的能力。这一特性使得JavaScript具有了一些其他语言不具备的...

Global site tag (gtag.js) - Google Analytics