有关闭包问题的个人见解

闭包简单来说就是两个函数嵌套，函数a的内部有个函数b，函数b可以访问函数a内的变量，那么函数b就是闭包。

举个例子：

function A(){
    let a = 0;
    window.B = function (){
        console.log(a)
    }
}
A();
B(); //0

闭包存在的意义就是让我们能够间接的访问函数内部变量。

之前面试遇到的一个问题，循环中用闭包解决var 定义函数问题

for (var i = 0 ; i < 10 ; i ++){
    setTimeout(function timer(){
        console.log(i);
    },i*2000)
}

 首先setTimeout是异步函数，所以会先把循环全部执行完毕才会执行setTimeout，这个时候i=6，就会输出一堆6。

解决办法：

第一种，用闭包的方式解决。

for(var i = 0 ; i < 10 ; i ++){
    (function (j){
        setTimeout(function timer(){
            console.log(j);
        },j*2000)
    })(i)
}

 首先使用了立即执行函数将执行函数i内部变量，此时值就会被固定在  j 上不会改变，当下次执行timer这个必包时，就可以通外部函数的变量 j ，从而达到目的。

 

第二种，使用setTimeout的第三个参数，这个参数会被当成timer函数的参数设定。

for (var i =0 ;i < 10; i++){
    setTimeout(function timer(){
        console.log(i)
    },i*2000,i)
}

 

第三种，用let定义 i 解决。let声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

for (let i = 0; i < 10; i++){
    setTimeout(function timer(){
        console.log(i)
    },i*2000)
}

 

 

参考文章：https://blog.csdn.net/weixin_43207025/article/details/108272874