for循环中let的作用域问题

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

m0_46599532

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

阅读量930

点赞数

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

本文链接：https://blog.csdn.net/m0_46599532/article/details/105180122

版权

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

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

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
评论
for循环中let的作用域问题

let中for循环的作用域问题今天在学习闭包的时候使用var声明的for循环
复制链接

扫一扫

专栏目录

一：JS作用域与let、const与作用域

qq_51980865的博客

04-24

636

Let命令 1：let作用类似于var，但是不同的是他们声明变量的作用域有区别。 let所声明变量的作用域只在let所在的代码块有效，出来这个块外界就没有用了。 for(let i=0;i<3;i++){ let i='abc'; console.log(i) } 在这几句代码中，for循环里面是一个独立的作用域，而循环体内又是一个独立的作用域。 var所声明的变量作用域确是全局都可以使用而这一特性在特殊场合有很大的作用，建议let和var根据情况不同配合使用。 2：暂时性

let在for循环里的作用域

weixin_36599538的博客

11-21

580

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...

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

let for循环

qq_45178972的博客

01-16

3298

在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') // 共

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

bafudanbi37558的博客

02-15

657

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

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

斗师——Ace

12-03

441

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

564

　　每次阅读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. 不可重复声明的限制 ...

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

10-18

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

let在for循环中的灵活使用

qq_43390061的博客

03-24

2297

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

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

u010234868的专栏

10-13

205

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

502

https://blog.csdn.net/zoelinjf/article/details/79618688

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

Yous的博客

07-17

592

当点击事件触发时，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

1769

如果你直接这么运行，那么电脑就卡死了，因为死循环了。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

2046

一、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循环的独特应用

Polly

08-05

668

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

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

WebView

01-05

743

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区别