settimeout(fn(),0)

总所周知，settimeout 函数是用来做延时的，如

settimeout(()=>{console.log('show content')},1000)

很容易理解，结果是在一秒后打印出 show content

可是，settimeout 设置的时间是 0，这什么鬼？

settimeout(()=>{console.log(1)},0)
console.log(2)

像如上的代码，正常的思维都会想到，打印的结果为 1 2

然而，其打印的结果实际是 2 1

原来，咱们用的JavaScript所编写的代码是运行在单线程上面的，在单线程上想要执行多路任务，JavaScript就搞了个阻塞执行，阻塞执行就是 如果正在执行某个任务，其他的任务都要排队执行，这将形成一个队列，而 settimeout(fn,0) 这样将时间设为0的，就会“立刻插入到队列中”

所以说，settimeout(fn,0) ≠ fn()，回到代码中来看，console.log(2) 的执行优先级就自然比 settiemout 中的 console.log(1) 高了。

settimeout(fn(),0)相关推荐

setTimeout(fn,0)
我们都知道setTimeout是一个延迟执行的函数 console.log(1); setTimeout(function(){console.log(2);},1000); console.log( ...
【 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)

settimeout(fn(),0)相关推荐

最新文章

热门文章