闭包

什么是闭包?
闭包是指有权访问另外一个函数作用域中的局部变量的函数。
声明在一个函数中的函数,叫做闭包函数。
而且内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。
闭包有三个特性:
1.函数嵌套函数;
2.函数内部可以引用外部的参数和变量;
3.参数和变量不会被垃圾回收机制回收。

闭包的定义其实很简单:函数 A 内部有⼀个函数 B ,函数 B 可以访问到 函数 A 中的变量,那么函数 B 就是闭包。
function A() {
let a = 1
window.B = function () {
console.log(a)
}
}
A()
B() // 1
闭包存在的意义就是让我们可以间接访问函数内部的变量。

  经典⾯试题,循环中使⽤闭包解决 var 定义函数的问题
    for (var i = 1; i <= 5; i++) {
     setTimeout(function timer() {
       console.log(i)
     }, i * 1000)
    }
  ⾸先因为 setTimeout 是个异步函数,所以会先把循环全部执⾏完毕,这时 候 i 就是 6 了,所以会输出⼀堆 6。

解决办法有三种

  1. 第⼀种是使⽤闭包的⽅式
    for (var i = 1; i <= 5; i++) {
    (function(j) {
    setTimeout(function timer() {
    console.log(j)
    }, j * 1000)
    })(i)
    }
    在上述代码中,我们⾸先使⽤了⽴即执⾏函数将 i 传⼊函数内部,这个时候 值就被固定在了参数 j 上⾯不会改变,当下次执⾏ timer 这个闭包的时候,就可以使⽤外部函数的变量 j ,从⽽达到⽬的。
  2. 第⼆种就是使⽤ setTimeout 的第三个参数,这个参数会被当成 timer 函数的参数传⼊。
    for (var i = 1; i <= 5; i++) {
    setTimeout(function timer(j) {
    console.log(j)
    }, i * 1000, i)
    }
  3. 第三种就是使⽤ let 定义 i 了来解决问题了,这个也是最为推荐的⽅式。
    for (let i = 1; i <= 5; i++) {
    setTimeout(function timer() {
    console.log(i)
    }, i * 1000)
    }
posted @ 2021-12-30 14:11  ·灯  阅读(40)  评论(0编辑  收藏  举报