js循环打印出0~9

js循环打印出0~9，我们第一时间想到的就是for循环。

方法一：最简单的方法就是for循环直接打印：

for (var i = 0; i < 10; i++) {console.log(i);
}

结果：

下面早看这样一段代码：

for (var i = 0; i < 10; i++) {setTimeout(() => {console.log(i);}, 100 * i);}

大家想下，打印的结果是什么？

结果：

为什么不是我们想象的打印10个数呢？？？

原因：我们都知道，js有两种类型的回调函数：

同步回调：立即执行，完全执行了才结束，不会放到js的回调队列里。

例子：数组遍历相关的回调函数 / promise的excutor函数

异步回调：不会立即执行，会放到回调队列中将来执行。

例子：定时器回调 / ajax回调 / promise的成功或失败的回调

上述方法，setTimeout在若干秒后执行一个函数，他是要在for循环之后的，而for循环执行后i的值为10，所以当setTimeout中的回调函数执行时，i的值为10，所以打印10次10。

方法二：那我们如何在不修改for循环的前提下，实现我们期待的结果呢？立即执行函数

for (var i = 0; i < 10; i++) {(function(i) {setTimeout(() => {console.log(i);}, 100 * i);})(i)}

结果：

方法三：let声明：

for (let i = 0; i < 10; i++) {setTimeout(() => {console.log(i);}, 100 * i);}

结果：

js循环打印出0~9相关推荐

java js跳出循环_[Java教程]js循环的总结
[Java教程]js循环的总结 0 2016-10-07 15:00:14 js原生的循环有两种,一般的for循环和for...in循环.还有一种常用jQuery.each()循环. 一. js原生循 ...
js循环动态绑定带参数函数遇到的问题及解决方案[转]
今天写原生javascript时,想利用绑定事件实现类似jquery中on方法的功能:于是有了for循环里绑定事件,无意中发现定义类能解决好多问题! 例如:一个不确定长度的列表,在鼠标经过某一条的时候 ...
js循环/迭代/遍历有多少方法
js循环/迭代/遍历有多少方法 JavaScript中存在着很多循环的方法常见的有for,while,do while,for in等, ES5中的forEach, ES6的for of , jqu ...
js循环绑定事件问题及解决方法
js初学者经常遇到的循环绑定事件问题 js循环绑定事件在编写JS代码的时候,我们经常会遇到要对一系列元素进行事件绑定的情况,然后就会理所当然的开一个for循环,对元素的事件进行赋值等操作,最后运行的 ...
Python学习 Day26 JS循环语句（二）
JS循环语句(二) (一)寻找质数输出1-100之间的质数 for(var num = 1;num <= 100;num++){//累加器,只要遇到是数字num的约数,这个变量就进行+1var ...
突发奇想想实现js循环里停顿一秒再循环的功能
突发奇想想实现js循环里停顿一秒再循环的功能. 首先用了两种定时器,但是循环还是一瞬间结束. 最后还是放弃,用了另一种思路. // An highlighted blocki: 0,///我是用的vu ...
Ext JS的4.1.0的RC 1的发行说明
Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明发行日期:2012年3月13, 版本号:4.1.0的RC 1 修正的错误钮 EXTJSIV-5129 按钮 ...
360开机小助手js循环效果出现的问题
360开机小助手js循环效果这里我想用这个案例探讨一下onclick和addEventListener嵌套问题,下面是案例的整体代码 <style>.box {width: 322px; ...
JS循环遍历中使用异步
参考:https://blog.csdn.net/qq_45265059/article/details/119892746 JS循环遍历中使用异步对于同步顺序执行异步操作,并且每次异步操作都需要随 ...

js循环打印出0~9

js循环打印出0~9相关推荐

最新文章

热门文章