setTimeout(fn,0)

我们都知道setTimeout是一个延迟执行的函数

console.log(1);
setTimeout(function(){console.log(2);},1000);
console.log(3);

会得到1，3，2

但是

setTimeout(function(){console.log(1);}, 0);
console.log(2);

你知道这段代码会执行什么样的效果吗

正确答案是2,1

一开始我也很疑惑，

setTimeout(function(){console.log(1);}, 0);不是隔了0秒就执行嘛，就是立即执行的意思啊，那就是应该答案是1，2呀

但是答案不是这样的

听阮一峰大神的解释

setTimeout(fn,0)的含义是指定某个人物在主线程最早可得的空闲时间执行，也就是说，尽可能早的执行。它在任务队列的尾部添加一个事件，因此要等到同步人物和任务队列现有的事件都处理完，才会得到执行

更多专业前端知识，请上【猿2048】www.mk2048.com

setTimeout(fn,0)相关推荐

settimeout(fn(),0)
settimeout(fn(),0) 总所周知,settimeout 函数是用来做延时的,如 settimeout(()=>{console.log('show content')},1000) ...
【 js 基础】【源码学习】 setTimeout(fn, 0) 的作用
在 zepto 源码中,$.fn 对象有个 ready 函数,其中有这样一句 setTimeout(fn,0); 1 $.fn = { 2 ready: function(callback){ 3 ...
JavaScript下的setTimeout(fn,0)的作用，涨知识了
单线程的javascript 首先我们来看浏览器下的JavaScript: 浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javascript引擎线程,G ...
JavaScript下的setTimeout(fn,0)意味着什么？
近期在研究异步编程的我对于setTimeout之类的东西异常敏感.在SegmentFault上看到了一个问题<关于SetTimeout时间设为0时>:提问者读了一篇文章,原文解释setTi ...
setTimeout延时0毫秒的作用
经常看到setTimeout延时0ms的javascript代码,感到很迷惑,难道延时0ms和不延时不是一个道理吗?后来通过查资料以及实验得出以下两个作用 1.实现javascript的异步: 正常情 ...
setTimeout(function(){}, 0);
1 for (var i = 0; i < 3; i++) { 2 setTimeout(function() { 3 console.log(i); 4 }, 0); 5 console.lo ...
为什么setTimeout（fn，0）有时有用？
我最近遇到了一个令人讨厌的错误,该错误代码是通过JavaScript动态加载<select> . 动态加载的<select>具有预先选择的值. 在IE6中,我们已经有代码来修复 ...
vue2.0读书笔记2-进阶
一.深入响应式原理二.过渡效果三.过渡状态四.Render函数五.自定义指令六.混合七.插件八.单文件组件九.生产环境十.路由 vue-router: http://router.v ...
js的事件循环机制：同步与异步任务（setTimeout，setInterval）宏任务，微任务（Promise，process.nextTick）...
javascript是单线程,一切javascript版的"多线程"都是用单线程模拟出来的,通过事件循环(event loop)实现的异步. javascript事件循环事件循环 ...

setTimeout(fn,0)

setTimeout(fn,0)相关推荐

最新文章

热门文章