欢迎光临
我的个人博客网站

JavaScript 闭包应用-点击li输出索引号


代码实现:

<!DOCTYPE html> <html lang="en">  <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title> </head>  <body>     <ul class="nav">         <li>000000000</li>         <li>111111111</li>         <li>222222222</li>         <li>333333333</li>     </ul>     <script>         // 闭包应用-点击li输出当前li的索引号         // 利用闭包的方式得到当前li的索引号         var lis = document.querySelector('.nav').querySelectorAll('li');         for (var i = 0; i < lis.length; i++) {             // 利用for循环创建了4个立即执行函数             // 立即执行函数也成为小闭包,因为立即执行函数里面的任何一个函数都可以使用i这变量             (function(i) {                 lis[i].onclick = function() {                     console.log(i);                 }             })(i);         }     </script> </body>  </html> 

缺点:

立即执行函数里面的变量i,需要等到点击事件完成后再销毁,占用内存。

赞(0) 打赏
未经允许不得转载:张拓的天空 » JavaScript 闭包应用-点击li输出索引号
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏