for循环中let，var 的经典面试题：for循环中 console.log(i)详解

最新推荐文章于 2023-07-07 11:22:32 发布
最新推荐文章于 2023-07-07 11:22:32 发布
阅读量728 收藏 1
点赞数 2
分类专栏： vue 文章标签： 队列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44090040/article/details/115213938
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
	<script>
		const btn=document.getElementById('btn');
		btn.onclick=function(){
			for (var i = 0; i < 10; ++i) {
				setTimeout(function(){
					console.log(i)
				},0)
			}
		}
	</script>
</html>



先在全局定义变量 i, 然后执行 for 循环，执行一次 for 循环，分别将 i++ 放入函数调用栈队列，
setTimeout 放入task队列 一次。
因为需要将函数调用栈队列里的任务执行结束后，再往下执行task任务
所以 i++ 一直在执行，10次 i++ 执行结束， i 的值为10（为什么不是9？因为 i++ 在值为9时，
还会进行一次i++操作，
最后一个循环完 i 的值为10，不满足条件，不再循环）。
至此，函数调用栈队列任务执行结束，
再去执行task里的十个setTimeout任务，2而此时 i 的值为10，所以输出10 个 10。
辣条小哥哥
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
es6 for循环中let和var区别详解
01-19
for(var i=0;i<5 xss=removed>{ console.log(i);//5个5 },100) } console.log(i);//5 console.log('=============') for(let j=0;j<5 xss=removed>{ console.log(j);//0,1,2,3,4 },100) } console.log(j);//报错...
详解javascript中var与ES6规范中let、const区别与用法
10-15
JavaScript中的`var`、`let`和`const`是ES6（ECMAScript 2015）引入的三种不同的变量声明方式，它们各有特点，适用于不同的场景。 首先，`var`是ES5及之前版本的变量声明方式，存在一些问题。其中最显著的是变量...
JavaScript基础-第二天
weixin_68531033的博客
04-08 1629
运算符 1.赋值运算符 对变量进行赋值的运算符 赋值运算符(=)将等号右边的值赋予给左边, 要求左边必须是一个容器 其它赋值运算符:+=,-=,*=,/=,%=;使用这些运算符可以在对变量赋值时进行快速操作 let num = 1 // 采取赋值运算符 // num = num + 1 // num += 1 num += 3 console.log(num) 一元运算符 一元运算符:正负号 前置自增:++i 后置自增:i++ <
105-js循环和闭包示例
11-05 303
正常情况下，我们对这段代码行为的预期是分别输出数字1～5，每秒一次，每次一个。let声明，可以用来劫持块作用域，并且在这个块作用域中声明一个变量。《你不知道的JavaScript(上卷)》，5.4 循环和闭包。但实际上，这段代码在运行时会以每秒一次的频率输出五次6。结果就正常了：分别输出数字1～5，每秒一次，每次一个。结果还是： 以每秒一次的频率输出五次6。块作用域和闭包联手便可天下无敌。
一道代码题彻底搞懂js事件循环
weixin_42436131的博客
09-27 354
一道代码题彻底搞懂js事件循环机制
2020混合面试题(二)
weixin_46409887的博客
11-30 1415
1.vue?特点? (1)vue是基于mvvm和mvc的设计思想,mvvm是model->view->viewmodel的缩写,model层代表数据模型,也可以之间在model中定义修改数据和操作业务的逻辑,view代表视图,它可以将复杂的数据模型转换成UI展现出来，viewmodel是一种同步的view和model对象。 (2)在mvvm架构下，view和model之间是没有直接联系的，而是通过viewmodel进行交互，model和viewmodel之间的交互是双向的，因此view的数据会同
详解js中let与var声明变量的区别
01-21
ES6 新增了let命令，用来声明局部变量，所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。 1.ES6可以用let定义块级作用域变量 代码如下： function f1(){ { var a = 10; let b = 20; } ...
javascript es6: 经典面试题 （var和 Let）
Specif1c的博客
04-16 1248
var： var arr = []; for (var i = 0; i < 2; i++) { arr[i] = function () { console.log(i); } } arr[0](); arr[1](); 输出： 2 2 分析： for循环时里面的函数始终没有执行。 函数执行时在自己的作用域是找不到自己的变量i值的，根据作用域...
前端经典面试题之let/var关键字的使用
chen__cheng的博客
03-02 300
使用var关键字，求以下代码的输出结果 var arr = []; for (var i = 0; i < 2; i++) { arr[i] = function () { console.log(i); } } arr[0](); arr[1](); 结果分别为：2，2 分析：for循环中循环两次分别给数组arr赋于一个函数，当数组 项arr[0]调用函数时，即arr0，由于函数体内（当前作用域）并没有声明i，因此通过作用域链向上查找，而这个循环采用var（var..
【ES6】var let const 之面试题系列
forever__fish的博客
03-04 611
ES6 增加 let 和 const 从客观上为这门语言更精确地声明作用域和语义提供了更好的支持，var 所造成的问题，随着这两个关键字的出现，也被慢慢的解决，有效的提升了代码的质量，变量有了明确的作用域已经不能改变的限制。对于新的两个关键字，优先使用const，let 次之。使用 const 声明可以让浏览器运行时强制保持不变，也可以让静态代码分析工具提前发现不合法的赋值操作。
【面试题】【ES6】let和const命令 （面试必看）
web全栈开发的博客
12-01 880
总之，暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。ES6 规定，块级作用域之中，函数声明语句的行为类似于。是存在变量提升的，但通常不会刻意去这样描述，因为从功利的角度来看，这些变量提升并不会带来任何有意义的特征。声明一个对象，对象的属性是可变的，但是不能改变对象为另一个对象（不能改变指针的指向）。
解决for循环中的异步问题以及var let const的区别
最新发布
weixin_46122878的博客
07-07 377
解决for循环中的异步问题以及var let const的区别
【JS】var、let、const经典面试题解析与扩展
weixin_46235143的博客
01-13 399
简介 变量提升：提升到那个作用域的第一行去,如果那个作用域没有，再往上一个作用域找 var var可以声明相同的变量名，但在同一个作用域内会覆盖掉上一个声明的同名变量， // ===== 案例1 ======= // console.log(v1);//undefined var v1 = 100; console.log(v1);//100 var v1 = 90;//相同作用域声明相同的变量就顶替掉之前声明的变量了。函数也是，也会变量提升，假设我这里的函数名不是 foo 而是 foo1 ，并且和下面的案
var、let、const 的区别 以及for循环 let和var输出不一样问题
weixin_50736511的博客
11-19 627
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
let,var经典面试题分析
小白的博客
07-26 683
从代码头部开始分析，代码执行的顺序是：先创建了一个空数组，然后执行for循环，然后将函数存储到数组中。这时候函数并没有被调用。然后for循环结束，arr[0]()和arr[1]()调用函数。注意var 声明的变量的作用域是全局作用域，而在执行调用函数之前，for循环早就执行完了，这个时候的i变成了2，被调用的函数的i去找值只能上全局作用域中去找，然后两个函数找到的都是2.所以输出的结果都为2。 这个和上一个代码执行的顺序都是一样的，不同的点是let声明的关键字，在每一次执行for循环...
前端基础题---js篇
weixin_38044564的博客
12-07 127
1.数据类型有哪些？ 基本数据类型（单类型）： number、boolean、string、undefined、null、symbol（ES6新增类型：永不相等）； 引用数据类型： object。里面包含function、Array、Date。 2.JS 中 typeof 输出分别是什么？ 返回object类型：typeof {}、typeof []、typeof null； 返回num...
javascript高级程序设计 基础语法
weixin_45785399的博客
08-19 89
1.基础语法 1.1变量 1.1.1 var的使用 声明 使用 var 操作符（注意 var 是一个关键字），后跟变量名，它保存任何类型的值（不初始化的情况下，变 量会保存一个特殊值 undefined）。使用var不仅可以改变变量保存的值，也可以改变值的类型 作用域 使用 var 在一个函数内部定义一个变量，就意味着该变量将在函数退出时被销毁 function test() { var message = "hi"; // 局部变量 } test(); console.log(message);
面试题之数组var fun = function(){for(var i = 0 ,arr = []； i＜3； i++){arr[i] = function(){ console.log(i) }
qq_42104282的博客
12-29 2127
var fun = function(){ for(var i = 0 ,arr = []; i<3; i++){ arr[i] = function(){ console.log(i) } } return arr } var funs = fun(); funs[0](); //3 funs[1](); //3 funs[2](); //3 解析： 函数 fun 仅调用了1次，只创建了一个作用域，通过 for 循环分别创建了3个子函数保存在数组arr中，此时子函数并.
js for循环 中var 和let
03-16
在JavaScript中，for循环中的var和let都可以用来声明循环变量。var是ES5中引入的变量声明方式，而let是ES6中引入的块级作用域变量声明方式。在for循环中，使用var声明的变量会存在变量提升的问题，而使用let声明的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值