当前位置:首页 > H5 > 正文内容

setTimeout在循环执行顺序的思考

高老师8年前 (2019-03-12)H52032
朋友面试时候遇到的问题,我天真的认为会输出0,1,2,但是实际一直只输出2,2,2。通过了解才执行Js自身是单线程的环境,for循环本身是同步代码,setTimeout是异步代码。单线程的语言不能同时做2件事情,必须做出选择。于是Js引擎决定了当我执行完成同步的代码,再去执行异步的代码。当执行异步的代码时候i变量的值已经是2了。

说白了就是先执行同步代码,再执行异步代码。

<script type="text/javascript">
for(var i= 0;i<3;i++)
{
setTimeout(function(){
console.log(i);
},10000)
}
</script>

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/271.html

分享给朋友:

“setTimeout在循环执行顺序的思考” 的相关文章

HTML5的离线缓存技术

HTML5的离线缓存技术

离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下    AddType application/x-compress .Z    AddType application/x-gz...

阻止表单提交刷新页面

阻止表单提交刷新页面

<form action="save.php" method="post"   target="nm_iframe">      &nbs...

js原型对象的缺点,js原型链及其优缺点

js原型对象的缺点,js原型链及其优缺点

//原型的缺点 function Box(){} Box.prototype={ 'name':'gao',  age:23,  family:['哥哥','姐姐','妹妹'], &...

js调用摄像头拍照,js调用摄像头在线拍照,js调用电脑摄像头拍照

js调用摄像头拍照,js调用摄像头在线拍照,js调用电脑摄像头拍照

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>录制</title> <script ...

高效服务器发送事件,服务器发送事件,服务器发送事件和长轮询的区别

高效服务器发送事件,服务器发送事件,服务器发送事件和长轮询的区别

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。通过官网的介绍可以看出是接收服务器发送数据,千万不能和ajax混淆,网上大片博文的介绍对其解读是错误的,导致让我差点觉得这个事件很鸡肋。先看通用案例:html5:<script type=&...

ES6中let与var的区别

ES6中let与var的区别

var的作用域是全局的,let的作用域是块级的,直接看代码(其他的小区别忽略):<script type="text/javascript">     for (var a = ...