var和let的区别

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量126 收藏
点赞数
分类专栏： # js # 前端面试题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40565095/article/details/107690060
版权

var和let的区别

for (var i = 0; i < 5; ++i) {

setTimeout(function () {

console.log(i,"---") //打印出来的是 五个 5

}, 0);

}

setTimeout是异步执行的， 1000 毫秒后向任务队列里添加一个任务， 只有主线上的全部执行完才会执行任务队列里的任务， 所以当主线程for循环执行完之后 i 的值为5， 这个时候再去任务队列中执行任务， i全部为5；

每次for循环的时候setTimeout都会执行， 但是里面的function则不会执行被放入任务队列， 因此放了5次； for循环的5次执行完之后不到1000毫秒；

1000 毫秒后全部执行任务队列中的函数， 所以就是输出五个5啦

假如把var换成let， 那么输出结果为0, 1, 2, 3, 4；

因为let i 的是区块变量， 每个i只能存活到大括号结束， 并不会把后面的for循环的 i 值赋给前面的setTimeout中的i； 而var i 则是局部变量， 这个 i 的生命周期不受for循环的大括号限制

 

独狼我不是狼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
var 和 let的区别_let 和 var的区别
天马3798
06-11 2474
js定义变量前言1.js 定义变量 使用 var 或者let2.js定义常量 使用 const3.var 定义变量是用js语言诞生就有的； let定义变量是从ES6新语法开始的。4.let定义变量，符合常规强类型语言定义变量逻辑，新定义再使用+不能重复生命。var 和 let的区别_let 和 var的区别整理如下：一、作用域级别不同var是函数级作用域let只能是块级作用域，跟C#等强类型变量作用域一样。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for
var 和 let 的优缺点
一只猫
01-19 677
在上面的代码中，使用 var 声明的变量 y 在整个函数作用域内都是可见的，所以可以在 if 语句块外部访问。而使用 let 声明的变量 z 的作用域是块级作用域，只在 if 语句块内有效，所以在外部访问会抛出 ReferenceError。在上面的代码中，使用 var 声明的变量 a 存在变量提升，可以在声明之前访问，但其值为 undefined。使用 var 声明的变量可以在同一个作用域内重复声明，后续的声明会覆盖前面的声明。而使用 let 声明的变量在同一个作用域内重复声明会抛出语法错误。
从作用域的冰山一角看let和var的异同
wheresmyteammate的博客
09-10 134
从作用域的冰山一角看let和var的异同情景引入二、使用步骤1.引入库2.读入数据总结 情景引入 DOM部分 <!--button{按钮$}*5--> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button&g
for循环中let i 和var i 的区别
Easylee的博客
05-23 1782
var i : var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[0](); //10 a[1](); //10 a[2](); //10 a[3](); //10 a[4](); //10 a[5](); //10 a[6](); //10 a[7](); //10 a[8](); //10 a[9](); //10 a[10](); /.
var与let的区别【一看就懂的知识】
forever__fish的博客
05-22 4790
今天偶尔翻看了一本书《JavaScript编程精解》，在函数这一章节中难免会看到“作用域”这个字眼，之前对于作用域的概念本就不是很敏感，也就匆匆略过了，反过来看时，才明白这是一个比较重要的点。下面借作用域这一概念深入了解一下本文的重点——var与let的区别。 通常我们变量分为全局变量和局部变量，为了避免变量名的覆盖和滥用，我们尽量使用局部变量，当使用时创建，不使用时释放。如何正确去声明变量，也成了一个比较重要的话题，var与let关键字都是用来声明变量的，那么如何去选择呢？ 1.var是函数作用域，l
JavaScript中const、var和let区别浅析
10-21
在JavaScript中有三种声明变量的方式：var、let、const。但是有朋友不清楚这三种声明变量的区别，下面脚本之家小编给大家详细介绍下js中const、var和let的区别，感兴趣的朋友一起看看吧
es6 for循环中let和var区别详解
10-15
标题和描述中提到的知识点是关于ES6标准中的JavaScript编程语言中for循环使用let和var声明变量的差异。我们知道，let和var都是JavaScript中用于声明变量的关键字，但是在ES6中，let引入了块级作用域的概念，而var则...
简述ES6新增关键字let与var的区别
01-19
下面先让我们看看它和 var 之间用法的不同 　{ 　var a = 10; 　let b = 8; 　} a //10 b // Referenceerror ：b is not defined 上面在代码块中声明了两个变量并分别赋值输出到控制台，结果a的变量成功输出，b的...
for(let i = 0; i < 10; i++)和for(var i = 0; i < 10; i++)的思考
热门推荐
chenqiwen2017的博客
08-21 2万+
let、 var、 setTimeout，一点思考。for(var i = 0; i < 10; i++){ setTimeout(function(){ console.log(i); },100); }结果是很显而易见的，10次都是10，在面试前端的闭包知识时候很常见。 用上let之后，for(let i = 0; i < 10; i++){ setTi
JS: 当 let 和 var 遇上for循环
weixin_40784198的博客
08-24 5434
for (var i = 0; i &lt; 2; i++) { setTimeout(() =&gt; { console.log(i); }) } //2 //2 上图代码的执行结果是两个2。对异步编程有所了解的可能都知道setTimeout里的callback会在event loop的队列里堆积，知道i++操作完成。所以打印出两个2。而这里需要注意的是v...
前端面试题：JS中的let和var的区别
derfyfxh588690的博客
03-29 339
最近很多前端的朋友去面试被问到let和var的区别，其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下，以便各位以后面试中使用。 ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。 先看个var的常见变量提升的面试题目： 题目1： var a = 99; ...
var、let、const——为啥都不war了？
zhaoge's blog
01-14 321
1.var的作用域是离变量最近的方法内。 2.let和const的作用域是离变量最近的代码块内。
js for循环中的i使用var和let有什么区别？
在下月亮有何贵干
10-22 582
目录先来个简单的测试变量提升问题场景 先来个简单的测试 for (var i = 0; i < but.length; i++) { console.log(i) } 结果是 for (let i = 0; i < but.length; i++) { console.log(i) } 结果是 会发现这两个作为循环的执行输出貌似没什么问题。 是不是就没有区别呢？ 当然不是！ 变量提升 相信很多人都知道var有变量提升的问题 我们猜想如果var导
var 和 let详解
xingjia001的博客
11-27 7313
ES6新增let命令，用来声明变量。let的用法和var有以下几点区别： 1. 浏览器的预解析策略不同 浏览器在运行代码之前会预解析，首先解析函数声明，变量定义，解析完后再对函数变量进行运算、赋值等。     -var变量，无论var变量处于当前作用域的第几行，都将var变量提升到作用域的头部并初始化为undefine。     -let变量，let变量也被提升到当前作用域的头部，但不初始...
关于let 和 var 的作用域问题
adz41455的博客
10-25 150
直接来一个经典案例： // 1. 下面的结果是什么？ 为什么？ for (var i=0;i<5;i++){ setTimeout(function () { console.log(i) },1000) } setTimeout是异步执行的，1000毫秒后向任务队列里添加一个任务，只有主线上的全部执行完才会执行任务队列里的任务， 所以当主线程fo...
for循环中使用let跟var的区别
War__Tiger的博客
07-28 2657
for循环中使用let跟var的区别 一般情况下var和let并没有太大区别，如果就是一个普通的循环且无太多需求的话 例如： for(var i = 0; i < 3; i++){ console.log(i) // 1 2 3 } for(let i = 0; i < 3; i++){ console.log(i) // 1 2 3 } 若果内部有异步执行函数的话，那么选择let就比选择var要好 例如： for (var i = 0; i < 3;
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 1423
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
界面控件KendoReact中文教程 - 如何创建动态进度条？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
09-06 1358
本文主要介绍如何使用KendoReact ProgressBar和ChunkProgressBar组件在React应用程序中创建动态进度条，欢迎下载新版控件体验！
var 和let和conset区别
04-19
var、let和const都是用于声明变量的关键字，但它们有几个不同之处： 1. var声明的变量作用域为整个函数（全局），而let和const的作用域只在当前代码块（区块）内。 2. var声明的变量可以被多次声明覆盖，而let和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值