循环中使用闭包解决 var 定义函数的问题

╰+哭是因爲堅強的太久メ 2024-04-18 14:37 44阅读 0赞

//本文首发于掘金社区，链接：https://juejin.im/post/5d7461c6e51d453bc470df4f

经典面试题，循环中使用闭包解决 var 定义函数的问题

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

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

解决办法有三种，第一种使用闭包

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

第二种就是使用 setTimeout 的第三个参数

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

第三种就是使用 let 定义 i 了

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

因为对于 let 来说，他会创建一个块级作用域，相当于

{ // 形成块级作用域
    
    let i = 0
    
    {let ii = isetTimeout( function timer() {
    
    console.log( i );
    
    },i*1000 );
    
    }
    i++
    
    {let ii = i}
    
    i++
    
    {let ii = i}
    
    ...
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，44人围观）

还没有评论，来说两句吧...

相关阅读

相关循环中使用闭包解决 var 定义函数的问题

/本文首发于掘金社区，链接：https://juejin.im/post/5d7461c6e51d453bc470df4f 经典面试题，循环中使用闭包解决 var...

╰+哭是因爲堅強的太久メ/ 2024年04月18日 14:37/ 0 赞/ 45 阅读

相关 for循环中的闭包

// 问题1：判断下面一段代码运行的结果是什么？ var data = [] for (var i = 0; i < 3; i++) { d

妖狐艹你老母/ 2023年08月17日 16:43/ 0 赞/ 311 阅读

相关 for 循环中使用函数导致的闭包问题解决——两种方式解决

for循环中，如果给每个元素都使用函数进行处理的话，很可能出现闭包问题简单的for循环代码 var arr = [0,1,2,3,4,5];

r囧r小猫/ 2022年10月11日 01:11/ 0 赞/ 160 阅读

相关 for循环里面的闭包问题的原因及解决办法

我们先看一个正常的for循环，普通函数里面有一个for循环，for循环结束后最终返回结果数组 function box(){ var arr = []

女爷i/ 2022年06月08日 11:36/ 0 赞/ 219 阅读

相关 for 循环常见的闭包问题

for (let i = 0; i < this.tableData.length; i++) { //使用闭包防止变量污染 (function (i)

àì夳堔傛蜴生んèń/ 2022年05月27日 07:05/ 0 赞/ 203 阅读

相关函数闭包

1. 函数返回值，会优先寻找形参内的值，如果没有形参，会向外寻找变量。 var a = 10； fucition foo（a）{ con

落日映苍穹つ/ 2022年03月01日 12:28/ 0 赞/ 286 阅读

相关 golang 循环创建闭包问题排查

var coupus = [][2][]string{ { {

迷南。/ 2021年11月23日 11:42/ 0 赞/ 251 阅读

相关函数闭包

函数闭包：有权在一个函数内部访问另一个函数作用域下的变量，并将该函数返回例：function show(){ var a=10; retu

一时失言乱红尘/ 2021年11月09日 05:44/ 0 赞/ 375 阅读

相关闭包面试题之闭包解决for循环打印

闭包的作用: 正常函数执行完毕后,里面声明的变量被垃圾回收处理掉,但是闭包可以让作用域里的变量,在函数执行完之后依旧保持没有被垃圾回收处理掉 1、正常的for循环打印

刺骨的言语ヽ痛彻心扉/ 2021年10月24日 05:28/ 0 赞/ 515 阅读

相关 js for循环中的闭包

闭包的功能强大，但如果没有正确理解闭包的概念，其结果往往出乎人的意料。例如，下面是一个较常见的问题： <div id="test"> <div>第一个</di

- 日理万妓/ 2021年06月24日 13:58/ 0 赞/ 483 阅读