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) 高了。