`
happysoul
  • 浏览: 398484 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

JS 闭包

阅读更多
看了主页某高人整残了页面排版的闭包,
http://www.iteye.com/topic/1118236
看的我实在无语了,放出个简单的例子
稍微有点js基础的应该能看懂,不需要我多解释了~~
需要说的也就是js的执行需要加上() 表示function需要执行
再就是js是编译后执行,优先执行赋值初始化变量等操作,其次才是执行function
第一个就是因为变量i在初始化的时候已经通过 i++ 由0增长了 后面使用的时候就一直会是固定值
第二个是将值循环赋给一个新的变量,这样就不会造成全局使用一个变量
这个只能算是闭包的一个使用场景,更多的请继续度娘搜索
<html>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>

<body>
<div id="o1">
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
<div>点我啊,都是一样的结果</div>
</div>

<br>

<div id="o2">
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
<div>点我啊</div>
</div>
</body>
<script>
(function(){
	var lis = document.getElementById("o1");
	for(var i=0;i<lis.children.length;i++){
		var s = i;
		lis.children[i].onclick=function(){
			alert(s);
		}
	}	
})();

(function(){
	var lis = document.getElementById("o2");
	for(var i=0;i<lis.children.length;i++){
		var s = i;
		lis.children[i].onclick=function(x){
			return function(){alert(x)}
		}(s);
	}
})();
</script>
</html>



无语了,对li标签,使用code以后全都变成[ * ]了。。。
只好都改成div了

3
3
分享到:
评论
1 楼 eiiohglkhong 2011-12-21  
 

相关推荐

    JS闭包可被利用的常见场景

    JS闭包可被利用的常见场景。值得保留的文档。值得一看

    Javascript 闭包完整解释

    Javascript 闭包完整解释

    js闭包详细讲解

    js闭包的详细讲解

    js闭包个人理解

    js闭包的个人理解

    JavaScript闭包

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

    js闭包写法学习demo

    js闭包写法学习demo

    js闭包理解之倒计时

    网上大多只是讲解js闭包的大概意思和小例子,但真实用于项目中又该怎么用呢。这个例子真实的告诉大家在项目中的用法

    js闭包的理解以及作用.docx

    JS闭包理解 什么是闭包? 当有一个函数想要访问另一个函数内部的变量,这个是访问不了的。所有我们要用闭包来访问。所以简单的来说,闭包就是连接函数内部和外部的一座桥梁,通过闭包我们能够访问其他函数内部的...

    javascript 闭包

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

    javascript闭包详解中文word版

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

    尚硅谷——JavaScript闭包

    JavaScript闭包 JavaScript闭包 JavaScript闭包 JavaScript闭包

    【JavaScript源代码】js闭包和垃圾回收机制示例详解.docx

    js闭包和垃圾回收机制示例详解  目录 前言 正文  1.闭包  1.1闭包是什么?  1.2闭包的特性 1.3理解闭包  1.4闭包的主要实现形式  1.5闭包的优缺点  1.6闭包的使用  2.垃圾回收机制 总结  前言  正文  ...

    JS闭包经典

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

    js闭包学习

    javaScript无可争议的是如今前台开发最常用的技术,该文档讲解了javaScript中闭包技术,在jquery中大量的使用了该技术,学好可以更好的理解学习jquery。

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

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

    javaScript闭包技术资料

    javaScript闭包技术资料

    js闭包的介绍

    js闭包的介绍

    javascript 闭包实例下载

    javascript 闭包实例下载

    javascript深入理解js闭包.docx

    javascript深入理解js闭包.docx

    JS中的闭包理解。。。。。。。。

    js闭包 • 每个函数都有一个包含词法环境的执行上下文,它的词法环境确定了函数内的变量赋值以及对外部环境的引用。看上去函数“记住”了外部环境,但其实上是这个函数有个指向外部环境的引用。这就是“闭包”的...

Global site tag (gtag.js) - Google Analytics