闭包查找节点序号

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <ul id="template">
 9         <li>1</li>
10         <li>2</li>
11         <li>3</li>
12         <li>4</li>
13         <li>5</li>
14         <li>6</li>
15         <li>7</li>
16         <li>8</li>
17     </ul>
18     <script type="text/javascript" src="index.js"></script>
19     <script type="text/javascript">
20     var template = document.getElementById('template');
21     var li = template.getElementsByTagName('li');
22     add_the_handlers(li);
23     </script>
24 </body>
25 </html>

index.js

 1 var add_the_handlers = function(nodes) {
 2         var i;
 3         for (i = 0; i < nodes.length; i += 1) {
 4             nodes[i].onclick = function(i) {
 5                 return function(e) {
 6                     console.log(e);
 7                 };
 8             }(i);
 9         }
10     };

显示对象事件类型

相关阅读:
Druid数据库连接池源码分析
彻底理解Java的Future模式
CountDownLatch与CyclicBarrier
Semaphore实现原理分析
ThreadLocal类分析
Atomic类和CAS
synchronized VS Lock, wait-notify VS Condition
Klass与Oop
JVM类加载以及执行的实战
123

原文地址：https://www.cnblogs.com/qzsonline/p/2584606.html

闭包 查找节点序号

闭包查找节点序号