对闭包的理解

最新推荐文章于 2023-06-24 17:16:29 发布

hddlsj

最新推荐文章于 2023-06-24 17:16:29 发布

阅读量2.3k

点赞数 3

文章标签：前端面试 javascript

本文链接：https://blog.csdn.net/hddlsj/article/details/123028422

版权

总所周知,闭包是面试题常问的，浅谈理解

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量

1. 闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用闭包，可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量

2.闭包的另一个用途是使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收。

比如，函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包

 <script>
    function A() {
     let a = 2
     window.B = function () {
      console.log(a)
    }
      }
      A()
      B() // 2


    </script>

在 JS 中，闭包存在的意义就是让我们可以间接访问函数内部的变量。经典面试题：循环中使用闭包解决 var 定义函数的问题

第一种是使用闭包的方式

for (var i = 1; i <= 5; i++) {  ;(function(j) {    setTimeout(function timer() {      console.log(j)    }, j * 1000)  })(i)}
复制代码

第二种就是使用 let 定义 i 了来解决问题了，这个也是最为推荐的方式

for (let i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i)
  }, i * 1000)
}

输出结果依次是 1 2 3 4 5

关注