博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于setTimeout运行机制
阅读量:4558 次
发布时间:2019-06-08

本文共 834 字,大约阅读时间需要 2 分钟。

发现一个有意思的东东,上代码:

console.log(1);setTimeout(function(){console.log(2)},0)console.log(3);//运行结果:1 3 2

想必很多人都了解javascript是单线程代码,一段js代码,从上到下运行,主线程执行结束才会执行异步(回调函数)。

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

所以,上面这段代码首先运行for循环,i=4,然后执行4个setTimeout回调,打印4次i;

for (var i = 0; i <= 3; i++) {    setTimeout(function  (a) {        console.log(a);    }(i),0);}

那么为啥上面这段代码结果是 0 1 2 3呢?

因为这段函数是立即执行函数,js在这里不是异步执行的。

function foo (a) {        console.log(a);    } for (var i = 0; i <= 3; i++) {    setTimeout(foo(i),0);}

看下下面两段代码就清楚了

function foo () {        console.log(2);    } console.log(1);setTimeout(foo,0)console.log(3);//运行结果 1 3 2
function foo () {        console.log(2);    } console.log(1);setTimeout(foo(),0)console.log(3);//运行结果 1 2 3

 

转载于:https://www.cnblogs.com/beileye888/p/7205806.html

你可能感兴趣的文章
phpmyadmin 开放远程登录的权限
查看>>
linux安装gcc和gcc-c++
查看>>
qq登陆错误提示
查看>>
bzoj 1192: [HNOI2006]鬼谷子的钱袋 思维 + 二进制
查看>>
没写完,没调完,咕咕咕的代码
查看>>
Android Studio使用技巧:导出jar包
查看>>
Problem E. TeaTree - HDU - 6430 (树的启发式合并)
查看>>
Kafka序列化和反序列化与示例
查看>>
【Windows 8 Store App】学习一:获取设备信息
查看>>
实现Windows程序的数据更新
查看>>
win10下VS2010中文输入法切换为英文卡死
查看>>
retinex相关代码汇总
查看>>
Cortex-M3 异常返回值EXC_RETURN
查看>>
Objective-C语言-内存管理
查看>>
迅雷API:实现文件下载
查看>>
Socket编程实践(2) Socket API 与 简单例程
查看>>
print 与标准输出
查看>>
pytest单元测试框架(day01)
查看>>
利用Azure Automation实现云端自动化运维(2)
查看>>
Linux学习说明
查看>>