JS闭包

最新推荐文章于 2024-09-17 11:42:54 发布

L. h y

最新推荐文章于 2024-09-17 11:42:54 发布

阅读量72

点赞数

分类专栏：闭包文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43163133/article/details/113512252

版权

闭包专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS闭包-1

JS闭包定义
- 作用
- 案例点击li获取当前下标

JS闭包定义

有权访问另一个函数作用域中的变量的函数

作用

延伸变量的作用域

案例点击li获取当前下标

// An highlighted block
  <ul class="nav">
    <li>aaaa</li>
    <li>bbbb</li>
    <li>cccc</li>
    <li>dddd</li>
  </ul>
  <script>
    // Js 闭包：有权访问另一个函数作用域中的变量的函数
    // 作用：延伸变量的作用范围
    // ＪＳ案例 鼠标点击 依次获取当前li的index
    var lis = document.querySelector('.nav').querySelectorAll('li');
    for (var i = 0; i < lis.length; i++) {
      (function (i) {
        lis[i].onclick = function () {
          console.log(i);
        }
      })(i)
    }

  </script>