又来刷面试题啦,哈哈。
要求:使用for循环打印1-10,每个数字出现的间隔约500ms。
分析:考察点--闭包,块级作用域
方式一、使用闭包+立即执行函数,自己当时的思路也是这样想的,但是,结果却没有体现间隔500ms
1 2 3 4 5 | /*结果虽然依次输出了1-10,但是每个数字之间没有间隔,是一次性输出的,所以不正确*/ for ( var i = 1; i <= 10; i++) { setTimeout(( function (i) { console.log(i); })(i), 500); } |
经过修改,结果满足要求:1.setTimeout每次的间隔500*i,保证每隔500ms输出一次 2.将立即执行移到外层
1 2 3 4 5 6 7 8 9 10 11 12 | /** * 使用for循环打印1-10,每个数字出现的间隔约500ms * 方法一、使用闭包,注意setTimeout,每隔500ms,因此每次传递的间隔时间要乘以i */ for ( var i=1;i<=10;i++){ ( function (i){ setTimeout( function (){ console.log(i); },500*i); })(i); } |
方法二、使用let,let本身就是块级作用域
1 2 3 4 5 | for ( let i=1;i<=10;i++){ setTimeout( function (){ console.log(i); },500*i); } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 【杂谈】分布式事务——高大上的无用知识?