1. 闭包 什么是闭包?闭包的定义其实很简单:函数 A 内部有一个函数 B,函数 B 可以访问到函数 A 中的变量,那么函数 B 就是闭包。
function A(){ let a=1; window.B=function(){ console.log(a) } } A(); B();// 1很多人对于闭包的解释可能是函数嵌套了函数,然后返回一个函数。其实这个解释是不完整的,就比如我上面这个例子就可以反驳这个观点。
在 JS 中,闭包存在的意义就是让我们可以间接访问函数内部的变量。
2. 经典面试题:循环中使用闭包解决var定义函数的问题;
需求:每隔一秒输出一个数字,从 0 - 5;
for(var i=0;i<=5;i++){ setTimeout(function timer(){ console.log(i) },i*1000) } console.log(i)输出结果:立即输出一个6,然后每隔一秒输出一个6;
首先因为 setTimeout 是个异步函数,所以会先把循环全部执行完毕,这时候 i 就是 6 了,所以会输出一堆 6。
解决办法有3种,
第一种是利用闭包的方式:
for(var i=0;i<=5;i++){ (function(j){ setTimeout(function timer(){ console.log(j) },j*1000) })(i) }在上述代码中,我们首先使用了立即执行函数将 i 传入函数内部,这个时候值就被固定在了参数 j上面不会改变,当下次执行 timer 这个闭包的时候,就可以使用外部函数的变量 j,从而达到目的。
第二种就是使用 setTimeout 的第三个参数,这个参数会被当成 timer 函数的参数传入。
for(var i=0;i<=5;i++){ setTimeout((j) => { console.log(j); },i*1000,i) }setTimeout还允许更多的参数。它们将依次传入推迟执行的函数(回调函数)。
setTimeout((a,b,c) => { console.log(a,b,c) }, 2000, "my", "name", "is starsion"); //my name is starsion第三种就是使用 let 定义 i 了来解决问题了,这个也是最为推荐的方式
for(let i=0;i<=5;i++){ setTimeout(() => { console.log(i) },i*1000) }