[js基础]setTimeout
来源:互联网 发布:java最小公倍数怎么求 编辑:程序博客网 时间:2024/06/18 13:22
setTimeout
function test1(){ console.log('t1');}function test2(){ setTimeout(test1,0); console.log('t2'); }
输出结果为t2,t1。
奇怪,setTimeout不是已经设置为0,应该先执行的,但是结果不是这样的。
要理解这个问题就要回顾一下javaScript的函数调用栈。
javaScript函数调用栈
js调用函数使用栈来维护函数的。调用函数时,函数进栈。函数运行完后,该函数出栈。
这里有个不好的地方就是某一个函数执行过长的话,后面的操作要进行等待,从而造成了阻塞
最好的方法是采用异步来进行一些耗时的操作,js脚本后面的代码又可以得到执行。
函数调用机制
js脚本代码执行中把要执行的函数放入调用栈中,就是图中的Call Stack,如果遇到一些浏览器事件添加到Web Apis中,调用栈和浏览器事件都可以把一些耗时的函数的放入循环队列中。
例如:setTimeout(fn,timeer) $.ajax等,从而主线程可以执行其他操作,当调用栈中没有函数调用,主线程就会从循环队列中的消息,从而调用消息队列中的函数。
最后setTimeout(fn,time)中的time只是fn函数最快可以被执行的时间,实际执行的时间 可能等于或大于定义的时间
图片来源于:loupe(可以解析函数调用的情况,需要科学上网)
阅读全文
0 0
- [js基础]setTimeout
- js setTimeout()
- js setTimeout
- js setTimeout
- js计时 setTimeout(转+)
- js setTimeOut 用法
- js中的setTimeout详解
- js setTimeout 参数传递
- js 的settimeout
- 关于js setInterval setTimeout
- js中setTimeout、setInterval
- JS setTimeout小用法
- js setTimeout and setInterval
- js setTimeout 参数传递
- js setTimeout而不是setTimerOut
- js setTimeOut 方法
- js setTimeout 常见问题
- js demo setTimeout
- springboot(一):入门篇
- 设计模式学习---第二节:装饰模式
- 解决matlab错误Failed to load URL https://localhost:61415/toolbox/simulink/sltemplate/web/
- 一次笔试问题的回答
- Node后台刷评论
- [js基础]setTimeout
- 今天写第一篇博客
- SSH框架整合的MAVEN项目之配置文件整合
- linux下安装svn(亲测)
- linux的常用文件操作命令
- 4,简单工厂
- 实验一线性表的基本操作实现及其应用
- CodeForces 55D Beautiful numbers(数位dp+数论)
- C语言读取二进制文件