浅谈对ES6中let和const关键字在for循环中的理解

最新推荐文章于 2023-01-05 22:48:58 发布
最新推荐文章于 2023-01-05 22:48:58 发布
阅读量465 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45575450/article/details/123973951
版权
本文探讨了ES6中新增的let和const关键字，与var声明变量的区别。let和const具有块级作用域，避免了变量提升和可重复声明的问题。在for循环中，var声明的变量会因变量提升导致所有函数返回相同的值，而let则确保每个循环内的变量独立，使得每个函数返回各自循环中的值。通过示例，解释了let如何改进了代码的逻辑和可预测性。
摘要由CSDN通过智能技术生成

ES6中对声明变量增加了两个关键字let和const，相比于之前的var，后者具有块级作用域而且不具有可重复声明和变量提升的特性，在如下for循环的例子中是否变量提升将会导致截然不同的运行结果

由于var声明的变量存在变量提升，每一次循环，变量i的值都会发生改变，而循环内被赋给数组arr的函数内部的return i里面的i指向的就是全局的i。for循环中var声明的变量i会被提到for循环外上面但不会赋值，在for循环内才开始给"i"赋值，当在循环外调用这10个函数中的任意一个，都会返回10，因为当函数被调用需要返回i时，发现函数内部并没有声明变量i于是开始向上寻找找到了全局定义的i(变量提升),并且循环已经执行结束，i的值为10。简而言之：循环内被赋给数组a的函数内部的return i里面的i指向的就是全局的i

此时可以将函数表达式声明的函数转变为立即函数将能输出5，因为每一轮循环中，该函数都会立即执行并返回给相应数组元素一个值，此时的值就是当前循环变量i的值。

 使用let来声明for循环的i ,由于let声明的变量具有块级作用域，即当前的i只在本轮循环有效，所以每一次循环就需要向事件队列中添加一个打印i的事件，每一个同步事件队列中的函数对应自己的i值

 

暂停动画
关注
【ES6】浅谈Generator和yield
hhhhhhhssss的博客
07-19 727
文章目录前言一、async await实现二、Generator实现三、Generator函数1、什么是Generator2.Generator的特点3.Generator的执行四、yield表达式1、什么是yield2、yield注意点五、Iterator对象五、next方法的参数总结 前言 问题发生在一个下午，当我正在实现Promise.all()方法的时候（有兴趣的可以去我另一篇博客看一看：深入透析Promise的all和race方法），发现for循环里的函数并不是同步执行的，那么我如果想让它同步
理解for循环中的let、var、const
最新发布
m0_56201092的博客
01-10 265
【代码】理解for循环中的let、var、const。
关于 es6的 let 特性在 for 循环结构 的个人理解
weixin_34362991的博客
03-04 149
文章摘抄自https://www.jianshu.com/p/8f890da2d8bc 1：var a=[]; for(var i=0;i<10;i++){ a[i]=function(){console.log(i);}; } a[6]();//10 2 ：var a=[]; for(let i=0;i<10;i++){ a[i]=function()...
关于 let 在 for 循环中的理解
weixin_30355437的博客
07-06 571
　　每次阅读ECMAScript 6 入门 时，关于其中的一块代码，总是不能很好的理解。如下 var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6 　　与之对应的 如果使用 var 定义变...
var、let、const 的区别 以及for循环 let和var输出不一样问题
weixin_50736511的博客
11-19 664
var、let、const 的区别 一、var声明的变量会挂载在window上，而let和const声明的变量不会 var a = 100; console.log(a,window.a); // 100 100 let b = 10; console.log(b,window.b); // 10 undefined const c = 1; console.log(c,window.c); // 1 undefined 1 2 3 4 5 6 7 8 二、var声明变量存在变量提升，let和cons
ES6+ const
很酷的站长的博客
01-05 278
很多情况下，我们希望我们声明的变量不能被修改。在 ES5 中不能直接声明一个常量，如果想声明一个不可修改的变量需要借助方法。ES6 为了弥补这方面的缺失，新增了const语句用于声明一个常量。本节我们还将学习到letconstvar的区别。变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做提升，并且提升的是声明。a = 1其实变量提升就是，把变量名统一地提升到作用域的顶部进行率先定义，这也就是变量提升。
浅谈ECMAScript6新特性之let、const
08-29
`let` 是ES6中用于声明变量的新关键字，它解决了在ES5中`var`存在的问题。`let`声明的变量具有块级作用域，这意味着变量的作用范围限制在它们被声明的代码块内，而不是整个函数或全局作用域。例如： ```javascript ...
浅谈JavaScript作用域和闭包
10-19
在ES6中引入的let和const关键字允许在块级作用域内声明变量，从而限制了变量的作用范围。 函数提升是JavaScript中一个重要的作用域相关行为。当使用函数声明的方式定义函数时，该函数会被提升到其所在作用域的顶部...
浅谈Javascript变量作用域问题
10-25
从ES6开始，JavaScript引入了let和const关键字，这两个新的声明方式引入了块级作用域的概念。使用let和const声明的变量仅在它们所在的代码块有效，这意味着块级作用域终于成为了JavaScript语言的一部分。 ```...
浅谈JavaScript 执行环境、作用域及垃圾回收
11-24
3. **块级作用域**：ES6引入的let和const关键字允许在代码块（如if或for循环）内创建局部变量。 **垃圾回收** 垃圾回收是JavaScript自动管理内存的方式，它负责识别不再使用的对象并释放它们占用的内存。...
【ES6 教程】第一章 新的ES6语法03—使用const 关键字定义常量
web前端开发
03-03 487
英文 | https://www.javascripttutorial.net翻译 | 杨小爱在本教程中，我们将学习如何使用 JavaScript const 关键字定义常量。JavaSc...
JavaScript高级程序设计学习 ① 完整的JavaScript包含什么？var、let、const的使用与异同？for循环中为什么最好使用let？Undefined、Null、NaN分别是什么？
zujiasheng的博客
09-14 670
一、完整的JavaScript包含什么？他们的含义又是什么？二、var、let、const的使用与异同？三、 for循环中为什么最好使用let而不是const、var四、Undefined、Null、NaN分别是什么？五、关系操作符，为什么会出现3 > 23 ?
在for of/in循环中使用const定义 循环的数据，数组也可以使用 indexOf
业余前端的职业经历
05-14 2309
首先 先看一个循环的 数组 乍一看哈，这个可以么 还可以用const 来定义 for (const s of arr) { console.log(s); } 事实上他确实可以正常工作哈 为每个循环创建了一个单独的变量,因此工作正常 for (const elem of someArray) 这里再看一下 es6中的块作用域 正常定义俩个 同样的 常量是会报错的 const a=10； const a=10;// 报错 a 已经定义了 利用块级作用域就可以解决 { const a=10; }
js中关于const在for in或者for of中的使用
JAVA_DeDe的博客
12-04 6383
js中关于const在for in或者for of中的使用 const声明的变量在一个块级作用域中是不能够重新赋值。 那么在这个for循环当中使用会报错： for(const i = 0;i<3;i++){ console.log(i); } 在chrome浏览器中我们可以看到如下错误： 那么在for of或者for in当中使用就不会产生错误： let arr = [1,2,3,4,5]; for(const value of arr){ console.log(value); } 在ch
为什么let和const不能重复声明？为什么let和const存在暂时性死区？
qq_43670193的博客
04-11 3645
在面试时，面试官往往会问到var，let，const的区别是什么？我想大多数人对这个问题都心有成竹，你的答案大概都会包含在下面： var存在变量提升，而let和const不存在变量提升 var声明的变量会添加进window对象中，而let和const声明的变量不会 let和const声明的变量不可以重复声明 let和const声明的变量存在暂时性死区 const声明的基础类型不可修改，const声明的引用类型只能修改该引用类型的属性而不能给该变量重新赋值（const确定了一个地址，该地址不能被修改
ES6中var let const三种变量(一文弄清楚)
ItDaChuang的博客
09-17 909
详细总结ES6后js声明变量var let const三种方式与区别
为什么不能在for循环中使用const声明迭代变量
wuuconix's blog
07-05 1085
如果我们要写一个for循环，我们可能非常熟练地写出以下代码 我们也很知道，实际上for循环每次循环的时候都会重新初始化一个新的 i。所以每次的 i 不光值是不同的 它也是不同的变量。这也是为什么 for let能够解决定时器奇怪输出的原因。 如果for的每次循环中的 i 是同一个，只是值得变化，那么由于定时器是宏任务，会在同步代码之后执行。那么它输出得应该是 5 5 5 5 5。但是现在输出得不同，说明 每次循环中 得 i 是不同的变量，而console.log(i)中的 i 由于函数闭包，可以访问到对应循
es6 for循环_ES6 for...of循环
weixin_26976635的博客
01-25 1564
概念ES6引入了for...of循环作为遍历所有数据结构的统一方法。一个数据结构只要部署了Symbol.iterator属性，就被视为具有iterator接口，就可以用for...of循环遍历它的成员，也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法。for...of循环可以使用的范围：字符串；数组；Set和Map结构；某些类似数组的对象(比如argument...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值