for循环中let的作用域问题

最新推荐文章于 2023-09-05 11:35:39 发布

m0_46599532

最新推荐文章于 2023-09-05 11:35:39 发布

阅读量983

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_46599532/article/details/105180122

版权

在学习闭包时遇到for循环与let的结合使用，发现即使在异步环境中，let声明的变量在每次循环中都能保持独立的作用域，从而避免了传统var声明导致的变量提升问题。这种现象可以理解为let在每次迭代中创建了独立的块级作用域，形成功能性的闭包。尽管这与传统的循环理解不同，但有助于我们更好地理解JavaScript中的作用域和闭包概念。然而，值得注意的是，JavaScript引擎并未对尾递归进行优化，大量递归仍可能导致栈溢出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let在for循环中生成块级作用域

今天在学习闭包的时候使用var声明的for循环,遇见定时器等异步代码

for (var i = 0; i < 5; i++) {
   
    setTimeout(() => {
   
      console.log(i);
    }, 2);
  }

结果输出的是5个4,因为for循环同步执行,定时器异步执行(等同步代码执行完成),所以最后i的结果为4,输出的结果也是4,

解决的办法有很多,原理基本都是使用闭包,延长变量的声明周期

for (var i <

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_46599532

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

let在for循环里的作用域

weixin_36599538的博客

11-21

641

var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); 执行方法打印出的i是指向全局的i 就是执行最后一次的i的值10 var a = []; for (let i = 0; i < 10; i++) { a[i] = funct...

let for循环

qq_45178972的博客

01-16

3382

在for循环表达式中使用let声明表达式变量因为let有自己的作用域块，所以在for循环表达式中使用let其实就等价于在代码块中使用let，也就是说 for( let i = 0; i< 5; i++) 这句话的圆括号之间，有一个隐藏的作用域 for( let i = 0; i< 5; i++) { 循环体 } 在每次执行循环体之前，JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。 var liList = document.querySelectorAll('li') // 共

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

对于for循环中使用let或var时，i的作用域范围的记录

bafudanbi37558的博客

02-15

702

在for循环中使用let时，结果如下 for内部定义的i在循环结束后不会覆盖外部的i 在for循环中使用var，且不控制i的作用域时，结果如下第一个for循环内部定义的i并不会创建，而是直接使用外部中的i，故在循环结束时外部的i变为了5。第二个for循环直接使用了外部的i 把第一个for循环存于匿名函数中，第二个for循...

let在for循环中的块级作用域的应用

斗师——Ace

12-03

464

for(var i=0;i<10;i++){ btn.click=function(i){ alert(i) //输入为全是10 } } for(let i=0;i<10;i++){ //let声明下的块级作用域 btn.click=function(i){ alert(i) //输入为全是0,1,2,3,........

关于 let 在 for 循环中的理解

weixin_30355437的博客

07-06

603

　　每次阅读ECMAScript 6 入门时，关于其中的一块代码，总是不能很好的理解。如下 var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6 　　与之对应的如果使用 var 定义变...

es6 for循环中let和var区别详解

10-15

相比之下，let在for循环中创建了一个新的块级作用域，每一次循环都会创建一个新的变量副本，因此每一个setTimeout回调函数中的j都是其对应的块级作用域中的副本，与外部的j是相互独立的。 4. 不可重复声明的限制 ...

let在for循环中的作用域

07-28

在C语言中，for循环中的变量作用域是在for循环的括号内部。这意味着在for循环的括号外部无法访问该变量。例如： ```c for (int i = 0; i ; i++) { // 在这里可以访问和使用变量i } // 在这里无法访问变量i ``` ...

jQuery中的for循环var与let的区别

10-18

在JavaScript编程中，`var` 和 `let` 都用于声明变量，但它们在作用域和循环中的行为有所不同，尤其是在jQuery中的for循环中。这里我们将深入探讨`var`和`let`的区别，并通过一个具体的jQuery AJAX请求示例来说明...

let在for循环中的灵活使用

qq_43390061的博客

03-24

2357

我们都知道es6语法新增了两个关键字,let声明变量.const声明常量. 我们会发现,当我们利用for循环给一个元素集合添加事件时,事件驱动的函数里面是不能对应访问每个循环值的,只能访问最后一个,而当我们将for循环里面条件中声明变量的关键字该为let时,情况就发生了变化. 我们函数里面是能访问每次循环对应的值,这是为什么勒.此时我们就需要深究for循环的原理了. 经过我的多方查阅.最终我认为f...

for循环的特别之处：设置循环变量的部分为父作用域，循环体为单独的子作用域，let在两个作用域声明同名变量并不冲突

u010234868的专栏

10-13

246

for (let i = 0; i < 3; i++) { let i = 5; console.log(i); } 输出结果为：由此可见，循环根据循环变量的变化执行了3次，循环变量i的变化并没有影响循环体内变量i。同一个作用域中不能使用let重复声明同一个变量： for (let i = 0; i < 3; i++) { let i = 5; let i = 15; console.log(i); } 报错，提示i已经被声明： ...

var let 在for循环中的区别（转载）

qq_21696621的博客

11-19

533

https://blog.youkuaiyun.com/zoelinjf/article/details/79618688

for循环作用域问题(var和let)

Yous的博客

07-17

654

当点击事件触发时，for循环已经执行结束了，由于i是var定义的，后面定义的i会覆盖前面的，所以最后。let定义的i作用域仅在他所在的花括号内，几个花括号的i互不影响，函数向上级找到的i自然都不同。由此可见，整个for循环执行完才开始执行setTimeout函数，所以它不是立即执行。为5，当执行函数时，函数内没有i，根据作用域链向父级找，得到的是全局变量i=5。如上输出结果为55555，按照前面的思路似乎可以理解了。输出结果为先输出5个1，后输出5个5。//5不能使用i。......

ES6 中 let的在for循环中变量作用域问题的探讨

sunq1982的博客

03-26

1809

如果你直接这么运行，那么电脑就卡死了，因为死循环了。for (var i = 0; i < 3; i++) { var i = 1; console.log(i); }可是如果你这么写for (let i = 0; i < 3; i++) { let i = 1; console.log(i);结果则是：1 1 1如果你这么写，结果同上for (var i = 0; i < 3;

【前端-es6】for循环中let与var的区别，块级作用域如何产生、迭代中变量i如何记忆上一步的值

Ric的博客

01-21

2085

一、for循环中使用var常会遇到的问题直接上代码： // 使用var声明，得到3个3 var a = []; for (var i = 0; i < 3; i++) { a[i] = function () { console.log(i); }; } a[0](); //3 a[1](); //3 a[2](); //3 //使用let声明，得到0,1,2 var a = []; for (let i = 0; i < 3; i++) { a[i] = function

let解决for循环中的闭包

pardon110的博客

11-07

2083

场景闭包产生内部函数依赖了外部作用域变量，即内部持有外部引用不释放变量的本质其实就是一个占位符，其值才是真正操作对象值可以是各语言的标量，也可以是内存地址（即通俗的引用类型） var VS let let 块级用域（ES5之前的js不存在块级作用域）在一个块级作用域内，let 声明的变量只会在该区域内存续 var 不存在块的问题与for的关系 var 初始变量在...

let 配合for循环的独特应用

Polly

08-05

704

let非常适合用于 for循环内部的块级作用域。JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域，用let声明的变量传入到 for循环体的作用域后，不会发生改变，不受外界的影响。

关于For循环中将let替换成var的原因，我觉得这是最好的回答

WebView

01-05

808

for 循环中的 let 声明在 let 出现之前，for 循环定义的迭代变量会渗透到循环体外部： for (var i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // 5 改成使用 let 之后，这个问题就消失了，因为迭代变量的作用域仅限于 for 循环块内部： for (let i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // ReferenceError: i 没有定义在.

一篇文章，带你了解for循环中let与var区别