`
LWenna2011
  • 浏览: 8437 次
  • 性别: Icon_minigender_2
  • 来自: 湛江
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript闭包

阅读更多

先说javascript匿名函数吧:

javascript匿名函数的创建形式:

 

 

1、var double = function(x){
		return 2*x
	}(2) //创建函数完毕之后又把函数付给变量double
	
	2、(function(x,y){
			alert(x+y)
		})(2,3) //第一括号中创建了一个匿名函数,第二括号传入两个参数,调用该匿名函数 

       3、function(x,y){
                alert(x,y);
            }(2,3) //省略了前面的括号
 

 

 

在创建闭包的时候,常常会用到匿名函数,除此之外,匿名函数还可以用于构建命名空间,减少全局变量的使用。

 

闭包,可以说是函数的嵌套,内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕;

 

看看代码:

 


var mEven = {};

(function(){
var addEvent = function(){};
function removeEven(){}

mEven.addEvent = addEvent;
mEven.removeEven = removeEven;
})();

 

 通过全局变量mEven来调用两个局部变量,减少了全局变量的使用。

 

 

 

 写道
var outer = null;

(function(){
var one = 1;

function inner(){
one += 1;
alert(one);
}

outer = inner;

})();


outer(); //2
outer(); //3
outer(); //4

局部变量one外部不可以访问,但是可以被inner函数访问,将inner函数指向了outer,那么调用outer,outer 每次递增 

 

 

闭包允许内层函数引用父函数的变量,但是该变量是最终值

 

var ps = document.getElementsByTagName("P");
for(var i=0;i<ps.length;i++){
	function(){
		ps[i].onclick = function(){
			lert(i);
		}
	}
}

始终弹出最后一个索引

 

 可以这样写:

 

var ps = document.getElementsByTagName("P");

	//以参数的形式传递
	/*for(var i=0;i<ps.length;i++){
		(function(arg){
			ps[i].onclick = function(){
				alert("arg"+arg);
			}
		})(i);
	}*/

	//以局部变量的形式传递
	for(var i=0;i<ps.length;i++){
		(function(){
			var temp = i;
			ps[i].onclick = function(){
				alert("temp "+temp);
			}
		})();
	}
 
分享到:
评论

相关推荐

    JavaScript闭包

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态...本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。

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

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

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

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

    javascript 闭包

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

    javascript闭包详解中文word版

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

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

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

    javascript闭包的理解

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

    javascript 闭包实例下载

    JavaScript 闭包是一种高级编程概念,它在JavaScript中扮演着至关重要的角色,特别是在函数式编程和模块化设计中。闭包本质上是函数和其能够访问...通过学习这些实例,你将能够更好地掌握JavaScript闭包这一核心概念。

    javaScript闭包技术资料

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

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

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

    javascript闭包高级教程

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

    javascript闭包的高级使用方法实例

    JavaScript 闭包是一种强大的特性,它允许函数访问和操作其外部作用域中的变量,即使在外部函数执行完毕后,这些变量仍然保持活动状态。在高级使用中,闭包可以用于实现模块化、数据封装、方法扩展和重载、以及创建...

    揭开Javascript闭包的真实面目

    【JavaScript 闭包详解】 闭包是JavaScript编程中一个核心且关键的概念,尤其对于初学者而言,理解起来可能有些挑战。闭包本质上是一种特殊的作用域,它可以捕获并存储其外部函数作用域内的变量,即使外部函数已经...

    javaScript闭包的理解

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

    javaScript闭包

    ### JavaScript闭包详解 #### 引言 JavaScript作为一种动态、弱类型的编程语言,在Web开发领域占据了举足轻重的地位。其中,“闭包”是JS语言中一个非常重要的概念,它不仅能够帮助开发者实现某些特殊的功能,如...

    JavaScript闭包(closure).pdf

    理解并掌握JavaScript闭包是成为专业前端开发者的关键一步。在实际开发中,合理利用闭包可以提高代码的复用性和可维护性,同时也能避免一些常见的编程陷阱。通过深入学习和实践,可以更好地运用闭包这一强大的工具来...

Global site tag (gtag.js) - Google Analytics