资讯专栏INFORMATION COLUMN

经典的for循环案例

k00baa / 1095人阅读

摘要:我们改一下这个例子这里我们在循环里随便打印个什么东西,你会发现最后都是执行了次。。。

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

想想打印结果是啥?

没错是10次10,为什么不是我们想要的0,1,2,3,4,5,6,7,8,9?
开始我也很纳闷,一直想不明白。找了很多资料才终于想明白了。其实网上说的很多什么异步,闭包等等,我觉得解释的不是很容易明白。

其实简单点来说:
1.这个for循环肯定是循环10次的,所以结果为什么是10个10
2.因为setTimeout方法是在for循环结束之后再执行的,for循环非常的快,结束之后的i是10.
3.在这个for循环当中的setTimeout是会执行10次的。所以结果10个10,可能这样还不少很明白。我们改一下这个例子

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

这里我们在for循环里随便打印个什么东西,你会发现最后都是执行了10次。。。
so,到这里我终于明白了。为什么最上面的结果是10个10了。

最后要想打印0到9,有很多方法了。例如:

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

这样直接打印就好了。。。或者把var或者let。。。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107092.html

相关文章

  • ES5和ES6作用域详解

    摘要:允许在块级作用域内声明函数。上面代码中,存在全局变量,但是块级作用域内又声明了一个局部变量,导致后者绑定这个块级作用域,所以在声明变量前,对赋值会报错。 ES5的作用域 变量起作用的范围,js中能创建作用域的只能是函数 { let a = 1; var b = 2; } console.log(a); // a is not defined console.log(b); //...

    Dr_Noooo 评论0 收藏0
  • 用Spark解决一些经典MapReduce问题

    摘要:摘要是一个项目,它被标榜为快如闪电的集群计算。它拥有一个繁荣的开源社区,并且是目前最活跃的项目。提供了一个更快更通用的数据处理平台。更多经典案例介绍期待下回分解。。。 摘要 Spark是一个Apache项目,它被标榜为快如闪电的集群计算。它拥有一个繁荣的开源社区,并且是目前最活跃的Apache项目。Spark提供了一个更快、更通用的数据处理平台。和Hadoop相比,Spark可以让你的...

    Pluser 评论0 收藏0

发表评论

0条评论

k00baa

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<