经典面试第一更：解决循环中var定义函数的问题

苏茂林别干饭了

已于 2023-10-03 09:07:20 修改

阅读量92

点赞数

分类专栏：前端面试备战文章标签：前端 javascript 开发语言

于 2023-10-02 17:23:58 首次发布

本文链接：https://blog.csdn.net/m0_72154565/article/details/133494995

版权

本文讨论了JavaScript中为何for循环配合setTimeout无法按预期每隔一秒输出1到6的数字，原因在于变量提升和作用域问题。提供了三种解决方案：使用闭包、调整setTimeout的第三个参数和使用let声明变量，以实现正确的行为。

摘要由CSDN通过智能技术生成

前言：
🤡 作者简介：我是Morning，计算机的打工人，想要翻身做主人 🙈 🙈 🙈
🏠 个人主页：Morning的主页
📕系列专栏：前端面试备战
📞 如果小编的内容有欠缺或者有改进，请指正拙著。期待与大家的交流
🔥如果感觉博主的文章还不错的话，👍点赞👍 + 👀关注👀 + 🤏收藏🤏

需求：

输出1~6，每隔一秒输出一个数字

for(var i=1;i<7;i++){
    se

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苏茂林别干饭了

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
经典面试第一更：解决循环中var定义函数的问题

var与let还傻傻分不清？闭包不知道有什么作用？经典面试题：解决循环中var定义函数的问题。一题带你解决
复制链接

扫一扫

专栏目录

C/C++面试题2「虚函数、多态、内存管理与软件调试篇」

dvlinker的技术专栏

10-01

5267

C/C++面试题分享「虚函数、多态、内存管理与软件调试篇」

后端面试话术集锦第七篇：nginx面试话术

念兮为美

08-29

894

后端面试话术集锦第7篇：nginx面试话术。介绍下nginx；nginx如何处理http请求；nginx常用命令；什么是动静分离，为什么要动静分离；如何保证nginx高可用；正向代理和反向代理的区别是什么；Nginx的master和worker是如何工作的；nginx中500、502、503、504有什么区别；Nginx压缩了解吗，如何开启压缩；Nginx和Apache、Tomcat之间的不同点； Nginx有哪些负载均衡策略；ngx_http_upstream_module模块了解；Nginx限流了解吗

1 条评论您还未登录，请先登录后发表或查看评论

var与let循环中经典问题

weixin_30672295的博客

09-19

291

循环1：下面代码运行结果是输出10 1 2 <script> 3 var a =[]; 4 for(var i = 0;i<10;i++){ 5 a[i] = function(){ 6 console.log(i); 7 ...

JavaScript变量篇01-1：for循环中的var和let

发果叁

09-26

4036

1.在for循环中使用var声明来初始化的话，循环变量会暴露在和for循环同一作用域下，导致循环结束后还能访问到循环变量，且访问到的变量值是经过循环迭代后的值。2.解决这个问题的方法如下：* 使用闭包将循环变量的值作为局部变量保存起来；* 使用ES6的let声明，将循环变量的作用域限制在for循环内部，初始化变量始终是for循环的局部变量，不能在外界被访问到。环变量会暴露在和for循环同一作用域下，导致循环结束后还能访问到循环变量，且访问到的变量值是经过循环迭代后的值。

var和let在for循环中的区别

ioncannontic的博客

07-03

499

var和let在for循环中的区别

JavaScript --- 在for循环中使用var和let声明变量的区别

weixin_40333655的博客

09-02

3434

1. for() 循环中的 var 我们先创建一个数组，用 for() 循环为数组的每一项赋值，for 循环的条件表达式使用 var 声明： let arr = []; for (var i = 0; i < 5; i++) { arr[i] = function() { console.log(i); } arr[i](); // 每一次循环都立即调用 } 得到下面的结果在此基础上，我们改为在每次循环后，都调用数组的第一项： let arr = []; for (var i

【js】var 和 let 在 for 循环中的不同反应

one or only的博客

07-11

1293

for循环中的var和let

2023前端面试题总结：JavaScript篇完整版_箭头函数的this指向

最新发布

m0_61331573的博客

04-20

989

JavaScript 中的原型（prototype）和原型链（prototype chain）是理解对象和继承机制的关键概念。每个 JavaScript 对象都有一个关联的原型对象，它是一个普通对象，包含一些共享的属性和方法。当你访问对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript 引擎会沿着对象的原型链去查找。对象可以通过 prototype 属性来访问它的原型对象。原型链是由一系列连接的原型对象组成的链。

js代码-用途：笔试代码提交面试人：吴媛媛第一题

07-15

这个标题表明这是一个与JavaScript编程相关的代码提交，可能是应聘者吴媛媛在面试过程中的笔试环节完成的第一道题目。这暗示我们即将讨论的是一个JavaScript编程问题，可能涉及到基础语法、算法或者特定功能的实现。...

let 和 var 的区别以及什么是暂时性死区？let配合for循环和var配合for循环有什么区别？

小草莓的博客

07-26

2365

1、var有变量提升，let 没有变量提升 2、var 可以重复声明，而let不能重复声明 3、let可以定义块级作用域 { } 4、临时失效区（暂时性死区） ① 什么是暂时性死区？ ② 表现在哪里？ 5、let 配合for循环的独特应用 ① 用 var 配合 for 循环，有导致什么问题？ ② let非常适合用于for循环内部的块级作用域 6、拓展 ① 为什么ES6规定暂时性死区和 let 、const 语句不出现变量提升？ ② 为什么ES6中需要块级作用域？

循环中解决var定义函数的问题

m0_65835778的博客

07-08

442

在上述代码中，setTimeout 是个异步函数，所以会先把循环全部执行完毕，这时候 i 就是 6 了，所以会输出一堆 6。解决办法有三种： 1、使用闭包的方式+立即执行函数首先使用立即执行函数将 i 传入函数内部，这个时候值就被固定在了参数 j 上面不会改变，当下次执行 timer 这个闭包的时候，就可以使用外部函数的变量 j，从而达到目的。 2、使用 setTimeout 的第三个参数这个参数会被当成 timer 函数的参数传入，先行执行。 3、使用 let 定义 i...

浅谈for循环中使用var出现的问题

Clearly博客

10-25

1016

浅谈for循环中使用var出现的问题

vue3.0 特殊语法说明

weixin_40228600的博客

11-05

1638

Object.assign()方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）let和const与var的区别。

for循环中var和let的区别

weixin_44703582的博客

04-27

6449

今天在做题的时候，遇到了一个不太懂的问题，经过查阅资料，终于搞明白了这个问题，发出来当做个笔记。首先是var： for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }) }; 输出结果： let方法： for (let i = 0; i < 5; i++) { ...

深入理解js_for循环条件中使用var为什么会出问题？（js块级作用域理解）

韦_恩的博客

02-22

6485

初学JavaScript时，都会听前辈建议不要用var声明变量，es6以后要用let，道理是啥也没当回事，直到for循环时候才发现循环条件for(var i=0;i<arr.length;i++)中的i是一个i，这就导致做点击事件的时候，无论谁点击，结果i都是退出循环后最终的i固定不变。其实这个问题在C#中压根不是问题........最后查了下，再加上技术群大佬们的指点，终于理解了原因。接下来就举例子给大家详细说明下。开门见山，先说核心结论。若不理解请继续往后读，相信读完全文再回头看你一定会深有体

for循环绑定事件时，var和let声明循环变量的区别

王龙楷

03-31

7063

在理解var、let、const三者在声明变量的区别时，遇到了一道十分有意思的题：<body> <ul> <li>第一个li</li> <li>第二个li</li> <li>第三个li</li> <li>第四个li</li>

for循环条件的变量用var，let，const定义区别及实例

李炸鸡的博客

03-28

2244

之前写面试总结时候写到了var let const区别，【区别位于第9题：阿里淘宝技术部面试一】然后搞了两道广为人知的面试题上去，查资料过程中发现了更多的题，花了一个晚上理解…原谅我还是个小菜鸟:），总结一下。 for(var i=0; i<10; i++){ setTimeout(()=>{ console.log(i) },1000) } // 结果：1秒后输出10...

JavaScript：for循环中使用var、let定义变量的区别

小五

10-27

1627

for 语句用于创建一个循环，它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔。 for(){}，整体是一个块级作用域。使用以下代码举例： for(var i = 1;i<=3;i++){ 　　setTimeout(function(){ 　　　　console.log('for——var',i); 　　},1000) } 此时会产生两块作用域，第一层：for循环第二层：定时器，每隔一秒执行一次使用var的情况: var是全局声明变量，定时器内打印..

Vue面试深度解析：JS变量、错误、DOM与函数

2. `let`: `let` 关键字用于声明块级作用域的变量，这解决了 `var` 在函数作用域中可能导致的意外重名问题。`let` 声明的变量可以在其声明的块、函数或条件语句中使用，不会污染全局作用域。而且，同一个作用域内，`...