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

已于 2024-08-06 13:50:18 修改
阅读量154 收藏
点赞数 2
文章标签： javascript 开发语言 ecmascript
于 2024-08-06 13:27:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52700250/article/details/140953246
版权

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

解决办法两种，第一种使用闭包 ：

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

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

 

因为对于 let 来说，他会创建⼀个块级作⽤域，相当于下面这样:

YG·玉方
关注
说说你对闭包的理解？闭包使⽤场景
BradenHan的专栏
12-17 86
闭包的定义其实很简单： 函数A内部有⼀个函数B ， 函数就是闭包B 可以访问到函数 A 中的变量，那么函数B就是闭包let a = 1A ( )B ( ) // 1闭包存在的意义就是让我们可以间接访问函数内部的变量i
函数变量闭包
weixin_33743880的博客
12-31 89
#-*-coding:utf-8-*- #--函数-- #--递归函数--- #在函数的内部,可以调用其他函数,如果一个函数在内部调用自身本身,这个函数就是递归函数 #举例,计算阶乘,用fact(n)表示,可以看出 #fact(n)=n!=1x2x3x...x(n-1)xn=(n-1)!xn=fact(n-1)xn ...
闭包（闭包使用场景，闭包内存泄漏，js内存管理及垃圾回收）
m0_49662897的博客
11-03 1239
闭包（闭包使用场景，闭包内存泄漏，js内存管理及垃圾回收）
单表达式函数/高阶函数 /函数类型及函数字面值 /带接收者的函数类型及带接收者的函数类型字面值 /内联函数/闭包函数
qq_33552379的博客
12-26 244
高阶函数
.NET/C#⾯试题汇总系列：集合、异常、泛型、 LINQ、委托、EF【系统整合篇】
weixin_45091053的博客
10-02 715
声明⼀个委托类型，它的实例引⽤⼀个⽅法，该⽅法获取⼀个int参数，返回void。理解委托的⼀个要点是它们的安全性⾮常⾼。在定义委托时，必须给出它所表示的⽅法的签名和返回类型等全部细节。理解委托的⼀种⽐较好的⽅式是把委托当作这样⼀件事情：它给⽅法的签名和返回类型指定名称。其语法类似于⽅法的定义，需要在定义⽅法的前⾯加上delegate关键字。
Python中你所不知道的关于函数的秘密，原来函数这么简单
【CSDN官方推荐】
03-13 999
前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。 PS：如有需要Python学习资料的小伙伴可以点击下方链接自行获取 Python免费学习资料、代码以及交流解答点击即可加入 一、函数的初识 1.1、面向过程 1）获取任意一个字符串的元素的个数 s1 = 'fdskjlgfdgfdjkslgdfjkjafdsajk' count = 0 for i in s1: count += 1 print(count) 2）获取列表的
Swift学习笔记 (十六) 闭包
sjl51060的专栏
08-06 364
闭包是自包含的函数代码块，可以在代码中被传递和使用。Swift 中的闭包与 C 和 Objective-C 中的代码块(blocks)以及其他一 些编程语言中的匿名函数(Lambdas)⽐较相似。 闭包可以捕获和存储其所在上下文中任意常量和变量的引用。被称为包裹常量和变量。 Swift 会为你管理在捕获过程中涉及到的 所有内存操作。 注意 如果你不熟悉捕获(capturing)这个概念也...
JavaScript闭包
fang.lovest.yang的博客
04-19 317
1.闭包自结 闭包概念：一个函数和对其周围状态的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。(常见形式为函数嵌套) 闭包特点：一个外函数生成的多个闭包内存空间彼此独立。 闭包作用： 模拟面向对象中的封装（私有化变量、方法等） 函数工厂：生成多个彼此独立的闭包函数， 闭包循环陷阱：外函数内部 循环生成的多个内函数共用一个
将数据移到堆中_读李老课程引发的思考之JS从栈、堆、预解析来解释闭包原理|真 奥义|...
weixin_39948111的博客
11-22 130
1.下面三段代码会执行结果什么不同2.为什么第一段会栈溢出3.为什么第二段会正常4.为什么第三段会卡住页面5.为什么使⽤栈结构来管理函数调⽤？6.栈如何管理函数调⽤？7.既然有了栈，为什么还要堆？8.什么是惰性解析9.惰性解析的过程是怎样的呢10.闭包有哪三个特性11.那闭包给惰性解析带来什么问题呢12.怎么处理闭包带来的问题13. 当调⽤foo函数时，foo函数内部的变量a会分别分配到...
Go 学习笔记（85）— 常见错误汇总（数组值传递、map遍历顺序不固定、返回值被屏蔽、recover 必须在 defer 函数、goroutine 锁死、闭包错误引用同一个变量）
wohu1104的专栏
08-28 439
数组是值传递，在函数调⽤参数中，数组是值传递，⽆法通过修改数组类型的参数返回结 果 func main() { x := [3]int{1, 2, 3} func(arr [3]int) { arr[0] = 7 fmt.Println(arr) }(x) fmt.Println(x) } 必要时需要使⽤切⽚。 map遍历是顺序不固定， map是⼀种hash表实现，每次遍历的顺序都可能不⼀样 func main() { m := map[string]string{ "1": "1", "2": "2",
前端面试的话术集锦第 5 篇：高频考点( 类型转换 & 深浅拷贝 & 模块化机制等)
念兮为美
09-06 541
typeof判断类型；instanceof正确判断对象的原理；类型转换转Boolean对象转原始类型四则运算符⽐较运算符==和===的区别；This闭包原型的理解闭包解决var定义函数的问题深拷⻉浅拷贝提升暂时性死区varlet及const区别；原型继承Class实现继承本质组合继承寄⽣组合继承；⼏种⽅式实现模块化⽴即执⾏函数；AMD和CMD、CommonJS、ESModule实现简洁版的promise；EventLoop进程与线程区别JS单线程好处执⾏栈异步代码执⾏顺序？解释Node中的Eventloop
读李老课程引发的思考之JS从栈、堆、预解析来解释闭包原理-|真 · 奥义|
weixin_43964148的博客
07-13 499
文章目录1.下面三段代码会执行结果什么不同2.为什么第一段会栈溢出3.为什么第二段会正常4.为什么第三段会卡住页面5.为什么使⽤栈结构来管理函数调⽤？6.栈如何管理函数调⽤？7.既然有了栈，为什么还要堆？8.什么是惰性解析9.惰性解析的过程是怎样的呢10.闭包有哪三个特性11.那闭包给惰性解析带来什么问题呢12.怎么处理闭包带来的问题13. 当调⽤foo函数时，foo函数内部的变量a会分别分配到栈上？还是堆上？14.真的要把内部函数return 出去才算闭包吗？ 1.下面三段代码会执行结果什么不同 fun.
2023年前端面试汇总-React
越陌度阡
06-29 821
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 4957
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2780
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 828
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 409
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 850
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
JavaScript闭包详解：从经典错误到内部函数
在提供的代码示例中，原始的问题在于，由于`onclick`事件处理程序是在循环中定义的，所有span元素共享同一个`i`变量。当点击事件触发时，`alert(i)`会显示循环结束后的`i`值，即4。为了解决这个问题，我们可以创建一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YG·玉方

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值