js闭包的理解

最新推荐文章于 2022-04-21 17:52:37 发布

落花别有意流水似无情

最新推荐文章于 2022-04-21 17:52:37 发布

阅读量375

点赞数

分类专栏： js 文章标签： js闭包的理解

本文链接：https://blog.csdn.net/weixin_42931825/article/details/104030886

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

闭包（closure）一个有权访问另一个函数作用域中的变量的函数，我们称之为闭包。

闭包的主要作用是延伸变量的作用域，可以让变量不仅仅在一个函数作用域中使用。代码如下：

function Foo() {
  var i = 10;
  return function() {
    console.log(i);
  }
}
var test = Foo();
test(); //10

如代码所示，test是函数Foo函数返回的一个匿名函数，这样通过调用test()函数从而获取到Foo函数作用域内部变量i的值，从而实现在一个函数作用域访问另一个函数作用域中的变量的值，这个函数test就是闭包函数。

闭包的应用：

使用闭包实现每过三秒打印li里面的内容：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ajax</title>
  <script type="text/javascript" src="../jquery/jquery.min.js"></script>
</head>
<script>
$(function(){
  var $li=new Array($('.test li'));
  for (var i = 0; i < $li.length; i++) {
    (function(i){
      setTimeout(()=>{
        console.log($li[i].text())
      },3000)
    })(i)
  }
})
</script>
<body>
  <ul class="test">
    <li>小少年</li>
    <li>深色苍苍</li>
    <li>思念绵长</li>
    <li>月下畅饮</li>
  </ul>
</body>
</html>

结果如下：

上面的代码中使用了立即执行函数，也就是加载的时候立即执行的函数，立即执行函数其实就是一个闭包函数，我们可以通过立即执行函数把延迟函数setTimeout所需要的函数i传递进去，这样就实现了在延迟函数中使用立即执行函数中的变量，这样就达到闭包的效果。

落花别有意流水似无情

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js闭包的理解

闭包（closure）一个有权访问另一个函数作用域中的变量的函数，我们称之为闭包。闭包的主要作用是延伸变量的作用域，可以让变量不仅仅在一个函数作用域中使用。代码如下：function Foo() { var i = 10; return function() { console.log(i); }}var test = Foo();test(); //10如...
复制链接

扫一扫