看了主页某高人整残了页面排版的闭包,
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了
分享到:
相关推荐
JS闭包可被利用的常见场景。值得保留的文档。值得一看
Javascript 闭包完整解释
js闭包的详细讲解
js闭包的个人理解
Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态...本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。
js闭包写法学习demo
网上大多只是讲解js闭包的大概意思和小例子,但真实用于项目中又该怎么用呢。这个例子真实的告诉大家在项目中的用法
JS闭包理解 什么是闭包? 当有一个函数想要访问另一个函数内部的变量,这个是访问不了的。所有我们要用闭包来访问。所以简单的来说,闭包就是连接函数内部和外部的一座桥梁,通过闭包我们能够访问其他函数内部的...
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
资源名称:javascript闭包详解 中文word版 内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...
JavaScript闭包 JavaScript闭包 JavaScript闭包 JavaScript闭包
js闭包和垃圾回收机制示例详解 目录 前言 正文 1.闭包 1.1闭包是什么? 1.2闭包的特性 1.3理解闭包 1.4闭包的主要实现形式 1.5闭包的优缺点 1.6闭包的使用 2.垃圾回收机制 总结 前言 正文 ...
闭包一点即通 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
javaScript无可争议的是如今前台开发最常用的技术,该文档讲解了javaScript中闭包技术,在jquery中大量的使用了该技术,学好可以更好的理解学习jquery。
详解JavaScript闭包问题 闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分,JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作,闭包在主流JavaScript库...
javaScript闭包技术资料
js闭包的介绍
javascript 闭包实例下载
javascript深入理解js闭包.docx
js闭包 • 每个函数都有一个包含词法环境的执行上下文,它的词法环境确定了函数内的变量赋值以及对外部环境的引用。看上去函数“记住”了外部环境,但其实上是这个函数有个指向外部环境的引用。这就是“闭包”的...